Join GitHub today
GitHub is home to over 28 million developers working together to host and review code, manage projects, and build software together.Sign up
Android status bar style forcibly changes to light content when a transparent modal is open #16597
Is this a bug report?
Have you read the Contributing Guidelines?
Steps to Reproduce
Reproduction should be pretty easy, I couldn't get the barStyle prop working at snack.expo.io though.
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Maybe the issue has been fixed in a recent release, or perhaps it is not affecting a lot of people. If you think this issue should definitely remain open, please let us know why. Thank you for your contributions.
This is still an issue as of React 51 (what I could demonstrate on Expo Snack).
Here is a snack that reproduces the issue: https://snack.expo.io/BJQKFvRVG. You'll notice that when you open the modal, the status bar goes white. What color is actually changes to seems to depend on the background color of the original view, but it does seem to always change color. If you take the transparent flag off of the Modal, it's no longer an issue (of course, it's also no longer transparent).
This issue affects a lot of downstream libraries, and basically any attempt to overlay content from a child (think dropdown menus, dialogs, picker controls) doesn't look right in Android as a result.