React-native-router-flux: 更改状态栏颜色？

创建于 2016-04-01 · 9评论 · 资料来源: aksonov/react-native-router-flux

我似乎无法找到一种方法将最顶部的状态栏（iphone）更改为带有白色图标的深色背景，因为我使用的导航栏是深色的。知道如何让它工作吗？我在状态栏上查看了 react native 的文档，但似乎无法理解需要什么，或者是否有办法使用这个插件来做到这一点。有任何想法吗？

资料来源

MovingGifts

最有用的评论

您可以调用 StatusBar.setBarStyle('light-content', true); 将状态栏文本/图标更改为白色。请记住包含来自 react-native 的 StatusBar。

lee-gray 于 2016-04-01

👍64 🎉7

所有9条评论

AFIKT 它不能在 iOS 上完成。文档对此非常清楚。

jeroenbourgois 于 2016-04-01

👎34 😕3

@jeroenbourgois嗯..我一定错过了，它在哪里具体说它不能在 iOS 中完成？有一种方法可以让它在黑暗的导航栏上工作:)

MovingGifts 于 2016-04-01

您可以调用 StatusBar.setBarStyle('light-content', true); 将状态栏文本/图标更改为白色。请记住包含来自 react-native 的 StatusBar。

lee-gray 于 2016-04-01

👍64 🎉7

@lee-gray 效果很好！谢啦：）

MovingGifts 于 2016-04-03

😄1

@lee-gray 谢谢！
rad-sunny-delight-d-ja8v9vQFdbCiQ

brochester-was-here 于 2016-06-01

极好的！！

hejiaji 于 2016-10-13

谢谢！

lin493369 于 2016-12-02

不能在 IOS 的 StatusBar 中使用 backgroundColor，它只适用于 android。在覆盖状态栏的视图中使用 setBarStyle={color} 或设置 backgroundColor :)

sirawatGG 于 2016-12-23

👍1

有这个办法。

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

e2goon 于 2017-02-14

👍4

此页面是否有帮助？

0 / 5 - 0 等级

React-native-router-flux: 更改状态栏颜色？

最有用的评论

所有9条评论

相关问题