React-native-router-flux: ¿Cambiar el color de la barra de estado?

Creado en 1 abr. 2016 · 9Comentarios · Fuente: aksonov/react-native-router-flux

Parece que no puedo encontrar una manera de cambiar la barra de estado superior (iPhone) para que tenga un fondo oscuro con íconos blancos, ya que la barra de navegación que estoy usando es oscura. ¿Alguna idea de cómo hacer que funcione? Investigué la documentación de React Native en la barra de estado, pero parece que no puedo entender lo que se necesita, o si hay una manera de hacerlo con este complemento. ¿Algunas ideas?

Fuente

MovingGifts

Comentario más útil

Puede llamar a StatusBar.setBarStyle('light-content', true); para cambiar el texto/los iconos de la barra de estado a blanco. Recuerde incluir StatusBar de react-native.

lee-gray en 1 abr. 2016

👍64 🎉7

Todos 9 comentarios

AFIKT no se puede hacer en iOS. Los documentos son bastante claros al respecto.

jeroenbourgois en 1 abr. 2016

👎34 😕3

@jeroenbourgois Hmmm... Debo haberme perdido eso, ¿dónde dice específicamente que no se puede hacer en iOS? Tiene que haber una manera de hacer que funcione en la barra de navegación oscura :)

MovingGifts en 1 abr. 2016

Puede llamar a StatusBar.setBarStyle('light-content', true); para cambiar el texto/los iconos de la barra de estado a blanco. Recuerde incluir StatusBar de react-native.

lee-gray en 1 abr. 2016

👍64 🎉7

@lee-gray ¡Funciona muy bien! Gracias hombre :)

MovingGifts en 3 abr. 2016

😄1

@lee-gray ¡Gracias!
rad-sunny-delight-d-ja8v9vQFdbCiQ

brochester-was-here en 1 jun. 2016

¡¡Fantástico!!

hejiaji en 13 oct. 2016

¡Gracias!

lin493369 en 2 dic. 2016

no puede usar backgroundColor en StatusBar en IOS, solo funciona en Android. use setBarStyle={color} o configure backgroundColor en View que cubre StatusBar en su lugar :)

sirawatGG en 23 dic. 2016

👍1

Hay esta manera.

<Scene
  key="tabbar"
  tabs={true}
  👇🏻👇🏻👇🏻👇🏻👇🏻👇🏻👇🏻👇🏻
  onSelect={el => {
    if (typeof Actions !== 'object') return;
    const {
      sceneKey,
      statusBarStyle
    } = el.props
    if (statusBarStyle) {
      StatusBar.setBarStyle(statusBarStyle, true)
      Actions[sceneKey]()
    }
  }}>
  <Scene
    key="tab_1"
    title="home"
    component={Home}
    icon={TabIcon}
    👇🏻👇🏻👇🏻👇🏻👇🏻👇🏻👇🏻👇🏻👇🏻👇🏻👇🏻👇🏻👇🏻
    statusBarStyle="light-content" />
.
.
.