Style for StatusBar is not applied correctly in Dark-Mode as we want a black TextColor in both modes.
We got following behaviour.
Dark-Mode = OFF
light => TextColor = White
dark => TextColor = Dark
Dark-Mode = ON
light => TextColor = White
dark => TextColor = White
Expected behaviour with Dark-Mode = ON would be
light => TextColor = White
dark => TextColor = Black
or
light => TextColor = Black
dark => TextColor = White
statusBar: {
visible: true,
style: "light",
},
Now that iOS 13 with Dark Mode is properly released, this issue is quite urgent as it can break the user experience, for example in search bars.
For those that want to force their app to always use light mode and disregard the iOS user setting, you can set key UIUserInterfaceStyle
to Light
in the Info.plist file.
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.
If you believe the issue is still relevant, please test on the latest Detox and report back. Thank you for your contributions.
The issue is not resolved.
Any update on this? I see it as a quite high priority and urgent issue.
Might be somewhat related:
https://github.com/wix/react-native-navigation/issues/5701
In my case I was also required to change View controller-based status bar appearance
value to YES
in Info.plist
to make status bar text black.
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.
If you believe the issue is still relevant, please test on the latest Detox and report back. Thank you for your contributions.
Still not resolved and i think all people above wish to have a fix to use darkmode within their apps
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs.
If you believe the issue is still relevant, please test on the latest Detox and report back. Thank you for your contributions.
The issue has been closed for inactivity.
Any Updates?
I also changed View controller-based status bar appearance
as true
, but I think this setting can make react-native's StatusBar
component not workable.
I'm not using any StatusBar
component for now so it does not make any issues, but I'm curious about does react-native's StatusBar
Component still works with View controller-based status bar appearance
as true
.
Most helpful comment
Now that iOS 13 with Dark Mode is properly released, this issue is quite urgent as it can break the user experience, for example in search bars.
For those that want to force their app to always use light mode and disregard the iOS user setting, you can set key
UIUserInterfaceStyle
toLight
in the Info.plist file.