React-native-router-flux: Farbe der Statusleiste ändern?

Erstellt am 1. Apr. 2016  ·  9Kommentare  ·  Quelle: aksonov/react-native-router-flux

Ich kann anscheinend keine Möglichkeit finden, die oberste Statusleiste (iPhone) in einen dunklen Hintergrund mit weißen Symbolen zu ändern, da die von mir verwendete Navigationsleiste dunkel ist. Irgendeine Idee, wie man es zum Laufen bringt? Ich habe mir die Dokumentation von React Native in der Statusleiste angesehen, kann aber anscheinend nicht verstehen, was benötigt wird oder ob es eine Möglichkeit gibt, dies mit diesem Plugin zu tun. Irgendwelche Ideen?

Hilfreichster Kommentar

Sie können StatusBar.setBarStyle('light-content', true) aufrufen; , um den Text/die Symbole der Statusleiste in Weiß zu ändern. Denken Sie daran, StatusBar von React-Native einzuschließen.

Alle 9 Kommentare

AFIK es kann nicht auf iOS gemacht werden. Die Doku ist da ganz klar.

@jeroenbourgois Hmmm .. das muss ich übersehen haben, wo steht ausdrücklich, dass es in iOS nicht möglich ist? Es muss eine Möglichkeit geben, dass es in der dunklen Navigationsleiste funktioniert :)

Sie können StatusBar.setBarStyle('light-content', true) aufrufen; , um den Text/die Symbole der Statusleiste in Weiß zu ändern. Denken Sie daran, StatusBar von React-Native einzuschließen.

@lee-gray Funktioniert großartig! Danke, Mann :)

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

Fantastisch!!

Danke!

kann backgroundColor in StatusBar in IOS nicht verwenden, es funktioniert nur in Android. Verwenden Sie setBarStyle={color} oder setzen Sie backgroundColor in View, das stattdessen StatusBar abdeckt :)

Es gibt diesen Weg.

<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" />
.
.
.
War diese Seite hilfreich?
0 / 5 - 0 Bewertungen