Wie ändere ich reagieren-native Thema zu transaperent auf IOS

Question

Wie kann ich das Thema oder die Standard-Hintergrundfarbe für IOS ändern .. es ist mit meinem Hintergrundbild widersprüchlich. Ich möchte es auf transparent setzen .. Danke

Answer 1

Lassen Sie uns zuerst verstehen, wie Szenen in react-native-router-flux funktioniert. Wenn Sie sie in Ihrem Navigator definieren, wie unten,

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

einfach Sie sagen, dass mein Gehalt unterhalb der vordefinierten navbar machen sollte. Je nach Betriebssystem können dies 54 oder 64 sein. Also, wenn Sie Router verwenden,

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

und fügen navigationBarStyle zu jeder Szene haben Sie durch diese Linie Einführung vergessen haben, fast, was Sie oben getan haben, das Setzen Sie Ihre Szene selbst unterhalb der Navigationsleiste einen gewissen Spielraum auszurichten. Daher sehen Sie nichts (Leerraum) in Ihrem Simulator. Vollbild mit Navigationstasten erscheinen

Um zu haben, was Sie brauchen, dies zu tun, wo Sie Ihr Bild wollen:

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

oder Sie können diese Einstellungen in der Szene Komponente einführen, wo Sie es definieren.

ich diese Lösung getestet und es funktioniert auf iOS, nicht das gleiche für Android sagen kann, so dass Ihr Code, bevor Sie Änderungen sichern bitte. Sie können es weiter anpassen, um borderBottom line zu entfernen.