状态栏不尊重'barStyle'属性

Question

在React Native中，使用以下命令：

<StatusBar backgroundColor={config.colors.backgroundGray} barStyle="dark-content" />

效果很好。但是，当导航到其他屏幕时，即使以上是整个应用程序中使用的StatusBar的唯一实例，状态栏样式也会变成本质上本身就是“轻内容”的样式。再次更深地渲染StatusBar组件似乎没有任何结果。

backgroundColor 是可控制的。有什么想法吗？

Answer 1

您可以将状态栏自身的功能应用于App.js.

App.js

import { StatusBar } from 'react-native';
StatusBar.setBarStyle('dark-content', true);

  

静态setBarStyle（样式：StatusBarStyle，[动画]：布尔值）