React Native change status bar text color in iOS

ios react-native statusbar textcolor
Fabrizio picture Fabrizio · Oct 5, 2018 · Viewed 7.6k times · Source

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

hook zou picture hook zou · Feb 26, 2019

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

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

Related questions

How do you debug React Native?

How does one debug their React code with React Native while the app is running in app simulator?

Read More
react-native: command not found

I am getting -bash: react-native: command not found error while creating react-native project. Below are the additional info 1. brew --version homebrew 0.9.9 2 brew info watchman watchman `enter code here`stable 4.50 /usr/local/Cellar/watchman/4.4.0 3. brew info flow stable 0.24.1 /usr/local/Cellar/…

Read More
React Native Responsive Font Size

I would like to ask how react native handle or do the responsive font. For example in iphone 4s i Have fontSize: 14, while in iphone 6 I have fontSize: 18.

Read More