react-native: StatusBar barStyle prop not working when dark-mode activated on iOS 13 beta.

On iOS 13 beta, I’m trying to change the style of the status bar using the StatusBar component, but it doesn’t work when the System’s Appearance is set to Dark. Note that it does work as expected when the System’s Appearance is light.

React Native version: 0.59.1

Steps To Reproduce

On iOS 13 beta, change the system’s Appearance to Dark in Settings -> Developer.
Try to set the barStyle prop on the StatusBar component to “dark-content”:

<StatusBar barStyle="dark-content" />

Describe what you expected to happen:

I expect the color of status bar elements (battery, network…) to be black, but they remain white.

About this issue

Original URL
State: closed
Created 5 years ago
Reactions: 47
Comments: 25 (1 by maintainers)

Most upvoted comments

Same problem here

WaveMeUp on Jan 5, 2020

@DenisSokoloff yes I am. On a serious note: upgraded to 0.61, and yes, it works 😉

I have “react-native”: “0.61.5”, But in iOS I do not see changes from dark and light 😦

fedarenchyk on Jan 24, 2020

@nonoyek What we managed to do for now it just to adopt application to dark mode. I mean change light colors to dark and etc.

Also you may build your app using xcode version < 11. But in this way your app will not be able to support dark theme at all.

tr3v3r on Sep 16, 2019

tr3v3r on Sep 9, 2019

I upgraded to 0.62 and this issue seems resolved.

A u from future? 😃

DenisSokoloff on Jan 22, 2020