Comment puis-je changer le thème natif de réaction à transaperent sur ios

Question

comment puis-je changer le thème ou la couleur de fond par défaut pour ios .. il est en conflit avec mon image de fond. Je voudrais le mettre à transparent .. Merci

Answer 1

D'abord, nous allons comprendre comment les scènes dans react-native-router-flux fonctionne. Lorsque vous les définissez dans votre navigateur, comme ci-dessous,

<Scene sceneStyle={{marginTop: 64}} title="Home" key="home" component={Home} /> 

Vous dites simplement que, mon contenu doit rendre en dessous de la barre de navigation pré défini. Ce qui peut être 54 ou 64 selon votre système d'exploitation. Ainsi, lorsque vous utilisez le routeur,

<Router navigationBarStyle={{backgroundColor: 'transparent'}}> 

et ajoutez navigationBarStyle à chaque scène que vous en introduisant cette ligne, vous presque oublié ce que vous avez fait ci-dessus, la mise en scène s'aligner une certaine marge au-dessous du navigationBar. Par conséquent, vous ne voyez rien (espace blanc) dans votre simulateur.

Afin d'avoir ce dont vous avez besoin, faire où vous voulez que votre image apparaisse en plein écran avec des commandes de navigation:

Actions.refresh({ 
    key: 'home', 
    navigationBarStyle: {backgroundColor: 'transparent'}, 
    sceneStyle: {marginTop: 0}, 
}); 

Ou vous pouvez introduire ces paramètres dans votre composant de la scène où vous définissez.

J'ai testé cette solution et il fonctionne sur iOS, ne peut pas dire la même chose pour Android, si s'il vous plaît sauvegardez votre code avant de modifier. Vous pouvez encore le personnaliser pour supprimer la ligne borderBottom.