Search code examples
iosreact-nativestatusbartextcolor

React Native change status bar text color in iOS

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

Solution

  • 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.