Dark mode for android navigation bar
Summer Syed
I am working on an expo app which is in dark mode by default, but white navigation bar background look very ugly with it, please add support for making navigation bar dark with white buttons. there are solutions available which require react-native link, means ejecting my app but I don't want to do that for obvious reasons.
Damian Frizzi
Would be really awesome to have the possibility to change this at runtime. Right now I have to turn off dark mode for my app because it looks quite ugly with a light navigation bar (and setting it at build time to a dark color would harm light mode)
Summer Syed
Vivian Zhu Turns out that PR was just enough for setting it once for whole app, I would actually like to set it pragmatically from javascript code to either dark or light based on the user's preference.
Vivian Zhu
We are working on it! https://github.com/expo/expo/pull/5280
Hucek
Vivian Zhu: It doesnt work with Modals. Navigation bar color changes to white when modals are opened.
Summer Syed
Hucek: You are 100% right. and its annoying to see it change during modal layouts, but it gives me hope that if Modal can change it there is a possibility that we may have chance to get the functionality to set it pragmatically from javascript code based on the user's preference.
Slapbox
Summer Syed look at the docs for StatusBar. You can adjust the color of the background and of the icons in your app.json.
Summer Syed
Slapbox: I need to change the background color of navigation bar not the status bar, I think status bar is at top and navigation bar is at bottom of the app, please check image attached for clarification, if its possible using doc of StatusBar, please just guide me in the direction.
Slapbox
Summer Syed: Whoops I need to read more carefully. You are correct. This is a problem for me too. Changing the Status Bar color is great, but the app looks horribly unbalanced when the NavBar is whatever color it chooses, instead of something that matches the app design.