Ich habe gerade mit React Native für Android begonnen, und ich versuche herauszufinden, ob es eine Möglichkeit gibt, die Farbe der Statusleiste für Android zu ändern ...Gibt es eine Möglichkeit, die Farbe der Android-Statusleiste mit React Native zu ändern?
Gefällt mir?
Ich habe ein npm Paket macht die StatusBar in android
https://www.npmjs.com/package/react-native-android-statusbar
Die Farbänderungen zu steuern tun nicht reflektieren für Versionen vor 21
Es gibt keine exponierte API für jetzt. Dies funktioniert nur von Android 5.0. Arbeiten an einem Brückenmodul, um dasselbe zu erreichen. Halten Sie auf dem Laufenden
ich würde schätzen, dank einem Haufen. – russjr08
Es gibt derzeit keine Möglichkeit, das von JS zu tun. Sie können es anpassen, indem Sie ein benutzerdefiniertes Design verwenden. Schauen Sie sich android/src/main/res/values/styles.xml Datei aus Ihrem Projekt (Vorlage ist hier: https://github.com/facebook/react-native/blob/master/local-cli/generator-android/templates/src/app/src/main/res/values/styles.xml) und lesen Sie mehr hier: https://developer.android.com/training/material/theme.html
Wow, ich habe total vergessen, dass es unter den React Native-Sachen ein echtes Java-Projekt gibt. Obwohl ich denke, dass ich einen Wert-21-Ordner verwenden muss, da das colorPrimary/colorPrimaryDark-Zeug nur auf Lollipop und höher verfügbar ist. Oder bringen Sie AppCompat ... – russjr08
Sie können React Native Status Bar (detaillierte Beschreibung) verwenden. Alles, was Sie tun müssen, ist das Wrappen des Navigators mit einer Ansicht und das Hinzufügen einer StatusBar-Komponente darüber. Vergessen Sie nicht, die Statusleiste aus dem 'reaktionsnativen' Paket zu importieren.
<View>
<StatusBar
backgroundColor="blue"
barStyle="light-content"
/>
<Navigator
initialRoute={{statusBarHidden: true}}
renderScene={(route, navigator) =>
<View>
<StatusBar hidden={route.statusBarHidden} />
...
</View>
}
/>
</View>
Eine Sache, die ich bemerkt habe ist, dass Sie die übergeordnete Ansicht mit flex Stil sollte: 1, ohne es Sie nur einen weißen leeren Bildschirm sehen. Es wird jedoch nicht in RN-Dokumenten erwähnt.
diesen Code hinzufügen auf dem Header-Komponente
androidStatusBarColor="#34495e"
Danke für das Modul! Ich werde dies als die Antwort markieren, da es der "React" Weg zu sein scheint. – russjr08
Was ist mit der Färbung der Navigationsleiste? – user1532043
Ich glaube nicht, Android hat eine API dafür freigegeben –