rfcs
rfcs copied to clipboard
StatusBar configuration in navigator config
I have a plan for handling part of this myself. Which may not work for everyone, but might be useful for coming up with ideas.
For me I'm following Material Design with translucent headers. The primary StatusBar properties I need to control are
barStyle
andbackgroundColor
so they are compatible with the background color of the header (or the page background if there is no header). I'm working on a library for handling Material Design in React Native and I plan to build a header component anyways – to extend React Navigation's Header so it follows Material Design closer and can handle some of the Material Design patterns that React Navigation doesn't implement. So my plan is to just make the Header component handle the StatusBar automatically, calculating the correctbarStyle
andbackgroundColor
based on the current background color for the app bar.
via @dantman in https://github.com/react-navigation/react-navigation/issues/11
Related feature request: https://react-navigation.canny.io/feature-requests/p/control-statusbar-config-for-screens-in-navigationoptions