react-native - react native 状态栏: dark-content not working on android

Question

我正在尝试将标题的颜色和状态栏的图标更改为黑色。所以，根据react-native状态栏文档，我设置了 barStyle至dark-content但没有任何改变。

<StatusBar barStyle="dark-content" backgroundColor={'white'} />

Answer 1

如果您使用Expo，您应该使用他们自己的状态栏。您可以通过运行来安装它:

expo install expo-status-bar

并像这样修改它:

import { StatusBar } from 'expo-status-bar';
...
   <StatusBar style="dark" />
...

否则，您可能需要尝试通过运行以下命令来升级您的 React Native 版本:

npx react-native upgrade