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

Question

I'm developing an app using React Native, I've been asked to set the text color of the status bar in white.

I used the StatusBar component with the property barStyle="light-content" and it works pretty well on Android but not on iOS, the text color is still black.

I did some research about it but I couldn't find anything helpful. I even tried to select the Light Status bar style on XCode like the following picture shows but it still doesn't work

Answer 1

I solved the problem! I use this code in Index page and set the text color to white:

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

Answer 2

Try putting this code in didFinishLaunchingWithOptions in your AppDelegate file.

UIApplication.shared.statusBarStyle = .lightContent

Objective c

 [[UIApplication sharedApplication] setStatusBarStyle:UIStatusBarStyleLightContent];

and in your info.plist file set UIViewControllerBasedStatusBarAppearance to NO

Answer 3

I solved my problem !

The issue came from a React Native library called React Native Navbar, it was taking control of the status bar as well, I had to setup the 'light-content' property in that component.

Answer 4

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