状态栏不尊重“barStyle”属性

Question

在 React Native 中，使用以下代码：

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

效果很好。然而，当导航到不同的屏幕时，即使上面是整个应用程序中使用的唯一StatusBar 实例，状态栏样式也会变成本质上是“轻内容”的东西。再次深入渲染 StatusBar 组件似乎没有产生任何结果。

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

Answer 1

您可以将Statusbar自己的功能应用到App.js.

App.js

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

static setBarStyle(style: StatusBarStyle, [animated]: boolean)