android - style - status bar height react native

¿Hay alguna manera de cambiar el color de la barra de estado de Android con React Native?

Question

Acabo de empezar con React Native para Android, y estoy tratando de averiguar si hay una forma de cambiar el color de la barra de estado para Android ...

¿Me gusta esto?

Answer 1

No hay manera de hacerlo actualmente de JS. Puede personalizarlo usando un tema personalizado. Consulte el archivo de android/src/main/res/values/styles.xml de su proyecto (la plantilla está aquí: https://github.com/facebook/react-native/blob/master/local-cli/generator-android/ templates / src / app / src / main / res / values ​​/ styles.xml ) y lea más aquí: https://developer.android.com/training/material/theme.html

Answer 2

He hecho un paquete npm para controlar StatusBar en android

https://www.npmjs.com/package/react-native-android-statusbar

Los cambios de color no reflejan las versiones anteriores al 21

Answer 3

No hay API expuesta por ahora. Esto solo funcionará desde Android 5.0. Trabajando en un módulo puente para lograr lo mismo. Te mantendré informado

Answer 4

Puede usar Reaccionar barra de estado nativo (descripción detallada aquí ). Todo lo que necesita hacer es ajustar el navegador con una vista y agregar un componente StatusBar encima de él. No olvide importar StatusBar del paquete ''react-native''.

<View>
  <StatusBar
    backgroundColor="blue"
    barStyle="light-content"
  />
  <Navigator
    initialRoute={{statusBarHidden: true}}
    renderScene={(route, navigator) =>
      <View>
        <StatusBar hidden={route.statusBarHidden} />
         ...
      </View>
    }
  />
</View>

Una cosa que he notado es que debe aplicar estilo a la vista principal con flex: 1 , sin ella solo verá una pantalla blanca en blanco. Sin embargo, no se menciona en RN Documents.

Answer 5

Agregue este código en su componente de encabezado

androidStatusBarColor="#34495e"