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

[cuttlas]

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

1. On iOS 13 beta, change the system's Appearance to Dark in Settings -> Developer.
2. 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.

[mezod]

we are experiencing the same issue

[tr3v3r]

Related pull request https://github.com/facebook/react-native/pull/25919

[AppleMango23]

i facing this issue too, cant change to "light-content"

[tr3v3r]

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

[wenkangzhou]

Has any progress？

[mashaole]

has there been any progress ? so far i just keep the background color of the status bar as dark so that if my app is in dark mode or light mode i can see the content

[AurangzaibRamzan]

+1

[cristianoccazinsp]

+1

[r1ckyrockz]

+1

[fonov]

working solution https://github.com/facebook/react-native/issues/26619#issuecomment-536813690

[stale[bot]]

Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as a "Discussion" or add it to the "Backlog" and I will leave it open. Thank you for your contributions.

[WaveMeUp]

Same problem here

[seajean]

Same problem here

[svenlombaert]

I upgraded to 0.62 and this issue seems resolved.

[DenisSokoloff]

I upgraded to 0.62 and this issue seems resolved.

A u from future? :)

[svenlombaert]

@DenisSokoloff yes I am.

On a serious note: upgraded to 0.61, and yes, it works 😉

[DenisSokoloff]

@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]

@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 :(

+1

[yastrebovb]

@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 :(

Same issue.

[brunnohofmann]

Its happening to me as well. On Ios its working well. Im using Android 5 on simulator

[fedarenchyk]

Its happening to me as well. On Ios its working well. Im using Android 5 on simulator

I don't know why, but on Android 5 StatusBar.setBarStyle('dark-content/light-content') does not working. Android 6 and upper working correctly

[svenlombaert]

As the docs state (https://facebook.github.io/react-native/docs/statusbar) dark-content on Android is only working for Android API >= 23. That's Android 6 and above.

[xhirazi]

follow to solve click here

[stale[bot]]

Hey there, it looks like there has been no activity on this issue recently. Has the issue been fixed, or does it still require the community's attention? This issue may be closed if no further activity occurs. You may also label this issue as a "Discussion" or add it to the "Backlog" and I will leave it open. Thank you for your contributions.

[stale[bot]]

Closing this issue after a prolonged period of inactivity. If this issue is still present in the latest release, please feel free to create a new issue with up-to-date information.