React-native-router-flux: Alterar a cor da barra de status?

Criado em 1 abr. 2016 · 9Comentários · Fonte: aksonov/react-native-router-flux

Não consigo encontrar uma maneira de alterar a barra de status superior (iphone) para um fundo escuro com ícones brancos, já que a barra de navegação que estou usando é escura. Alguma idéia de como fazê-lo funcionar? Eu olhei para a documentação do react native na barra de status, mas não consigo entender o que é necessário, ou se existe uma maneira de fazer isso com este plugin. Alguma ideia?

Fonte

MovingGifts

Comentários muito úteis

Você pode chamar StatusBar.setBarStyle('light-content', true); para alterar o texto/ícones da barra de status para branco. Lembre-se de incluir StatusBar de react-native.

lee-gray em 1 abr. 2016

👍64 🎉7

Todos 9 comentários

AFIKT não pode ser feito no iOS. Os documentos são bastante claros sobre isso.

jeroenbourgois em 1 abr. 2016

👎34 😕3

@jeroenbourgois Hmmm .. Devo ter perdido isso, onde especificamente diz que não pode ser feito no iOS? Tem que haver uma maneira de fazê-lo funcionar na barra de navegação escura :)

MovingGifts em 1 abr. 2016

Você pode chamar StatusBar.setBarStyle('light-content', true); para alterar o texto/ícones da barra de status para branco. Lembre-se de incluir StatusBar de react-native.

lee-gray em 1 abr. 2016

👍64 🎉7

@lee-gray Funciona muito bem! Obrigado cara :)

MovingGifts em 3 abr. 2016

😄1

@lee-gray Obrigado!
rad-sunny-delight-d-ja8v9vQFdbCiQ

brochester-was-here em 1 jun. 2016

Fantástico!!

hejiaji em 13 out. 2016

Obrigado!

lin493369 em 2 dez. 2016

não pode usar backgroundColor no StatusBar no IOS, só funciona no android. use setBarStyle={color} ou defina backgroundColor em View que cobre StatusBar em vez disso :)

sirawatGG em 23 dez. 2016

👍1

Tem esse jeito.

<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" />
.
.
.