有没有办法用 React Native 改变 Android 状态栏的颜色？

Question

我刚开始使用适用于 Android 的 React Native，我正在尝试找出是否有办法更改 Android 的状态栏颜色…

像这样？

原文由 russjr08 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

我制作了一个 npm 包来控制 android 中的 StatusBar

https://www.npmjs.com/package/react-native-android-statusbar

颜色变化不反映 21 之前的版本

原文由 Nishanth Shankar 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

您可以使用 React Native 状态栏（ 此处 有详细说明）。您需要做的就是用视图包装导航器并在其上方添加一个 StatusBar 组件。不要忘记从“react-native”包中导入 StatusBar。

 <View>
  <StatusBar
    backgroundColor="blue"
    barStyle="light-content"
  />
  <Navigator
    initialRoute={{statusBarHidden: true}}
    renderScene={(route, navigator) =>
      <View>
        <StatusBar hidden={route.statusBarHidden} />
         ...
      </View>
    }
  />
</View>

我注意到的一件事是您应该使用 flex:1 设置父视图的样式，没有它您只会看到一个白色的空白屏幕。虽然 RN Documents 中没有提到它。

原文由 eden 发布，翻译遵循 CC BY-SA 3.0 许可协议