React-native-router-flux: Changer la couleur de la barre d'état ?

Créé le 1 avr. 2016 · 9Commentaires · Source: aksonov/react-native-router-flux

Je n'arrive pas à trouver un moyen de changer la barre d'état tout en haut (iphone) pour qu'elle soit sur fond sombre avec des icônes blanches, car la barre de navigation que j'utilise est sombre. Une idée de comment le faire fonctionner? J'ai examiné la documentation de React Native sur la barre d'état, mais je n'arrive pas à comprendre ce qui est nécessaire, ou s'il existe un moyen de le faire avec ce plugin. Des idées?

Source

MovingGifts

Commentaire le plus utile

Vous pouvez appeler StatusBar.setBarStyle('light-content', true); pour changer le texte/les icônes de la barre d'état en blanc. N'oubliez pas d'inclure StatusBar de react-native.

lee-gray le 1 avr. 2016

👍64 🎉7

Tous les 9 commentaires

AFIKT cela ne peut pas être fait sur iOS. La doc est assez claire à ce sujet.

jeroenbourgois le 1 avr. 2016

👎34 😕3

@jeroenbourgois Hmmm .. J'ai dû manquer ça, où est-il spécifiquement dit que cela ne peut pas être fait dans iOS? Il doit y avoir un moyen de le faire fonctionner sur la barre de navigation sombre :)

MovingGifts le 1 avr. 2016

Vous pouvez appeler StatusBar.setBarStyle('light-content', true); pour changer le texte/les icônes de la barre d'état en blanc. N'oubliez pas d'inclure StatusBar de react-native.

lee-gray le 1 avr. 2016

👍64 🎉7

@lee-gray Fonctionne très bien ! Merci mec :)

MovingGifts le 3 avr. 2016

😄1

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

brochester-was-here le 1 juin 2016

Fantastique!!

hejiaji le 13 oct. 2016

Merci!

lin493369 le 2 déc. 2016

ne peut pas utiliser backgroundColor dans StatusBar dans IOS, cela ne fonctionne que dans Android. utilisez setBarStyle={color} ou définissez backgroundColor dans View qui couvre StatusBar à la place :)

sirawatGG le 23 déc. 2016

👍1

Il y a ce chemin.

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