iOS 中的 React Native 更改状态栏文本颜色

Question

我正在使用 React Native 开发一个应用程序，我被要求将状态栏的文本颜色设置为白色。

我将 StatusBar 组件与属性 barStyle="light-content" 一起使用，它在 Android 上运行良好但在 iOS 上运行良好，文本颜色仍然是黑色.

我对此进行了一些研究，但找不到任何有用的信息。我什至尝试 select XCode like the following picture shows 上的灯光状态栏样式，但它仍然不起作用

Answer 1

尝试将此代码放入 AppDelegate 文件的 didFinishLaunchingWithOptions 中。

UIApplication.shared.statusBarStyle = .lightContent

Objective c

 [[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleLightContent];

并在您的 info.plist 文件中将 UIViewControllerBasedStatusBarAppearance 设置为 NO

Answer 2

我解决了我的问题！

这个问题来自一个名为 React Native Navbar 的 React Native 库，它也在控制状态栏，我必须在该组件中设置 'light-content' 属性。

Answer 3

我解决了问题！我在索引页面中使用此代码并将文本颜色设置为白色：

<StatusBar  barStyle="light-content" translucent={true} />

React Native change status bar text color in iOS