React Native StatusBar：黑暗内容不适用于android

Posted 2023-04-18

【中文标题】React Native StatusBar：黑暗内容不适用于android

【英文标题】：React Native StatusBar: dark-content not working on android

【发布时间】：2020-05-05 10:03:59

【问题描述】：

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

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

【问题讨论】：

嗨..你能解决它吗？

同样的问题，'dark-content' 在 android 上不起作用。将显示它的默认道具（'light-content'）。

【参考方案1】：

您可以尝试执行以下操作：

import StatusBar from "react-native"

...

StatusBar.setBackgroundColor('white');
StatusBar.setBarStyle('dark-content');

使用 useEffect 或 componentDidMount 方法。

【参考方案2】：

如果您使用的是Expo，您应该使用他们自己的Statusbar。 你可以通过运行来安装它：

expo install expo-status-bar

并像这样修改它：

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

否则你可能想尝试通过运行来升级你的 react native 版本：

npx react-native upgrade

【参考方案3】：

正如this issue 所说，您可以尝试升级到较新版本的 react-native（如果您的不是最新版本），看看它是否有效。

【讨论】：

那个问题是针对 ios 的，但这里的问题是针对 android 的。

【参考方案4】：

我遇到了同样的问题。确保您的“StatusBar”组件是从“react-native”而不是“expo-status-bar”导入的。现在它对我有用，因为我正在使用“react-native”中的“StatusBar”组件