-
Notifications
You must be signed in to change notification settings - Fork 5.1k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Status bar overlaps with app/nav bar #71
Comments
|
I found a statusBarHeight constant defined in exponent, so I just added this to the style object for the root component view: Everything works fine now, but I would still like to know if this is the right approach. I still feel like I'm missing something here.. |
same here. I also have this problem with CRNA |
Hey there, sorry about the confusion. This is the correct solution for now. There is currently an issue in some navigation libraries where they do not detect whether the status bar is translucent or not. So the best practice at the moment is just to use |
Thanks for sharing I also want to mention that |
@kunokdev Thanks. Expo documentation doesn't say where I should import those constants from. Guys, improve the docs. |
This should solve the problem in app.json "androidStatusBarColor": "#334393", |
@anilpatnik I have this in my |
can I have your js code? |
@SupriyaKalghatgi and for others coming here with the same problem. You should define this under the "expo" key like: {
"expo": {
"sdkVersion": "23.0.0",
"androidStatusBarColor": "#334393",
"androidStatusBar": {
"barStyle": "light-content",
"backgroundColor": "#334393"
}
}
} I use react-navigation with |
Here is a more evergreen link explaining what you can/should do to fix this issue that should still work when the above link doesn't -- aka now and in the future: https://docs.expo.io/versions/latest/guides/configuring-statusbar.html |
I don't get this problem when I am not using exponent.
The text was updated successfully, but these errors were encountered: