rfcs icon indicating copy to clipboard operation
rfcs copied to clipboard

StatusBar configuration in navigator config

Open brentvatne opened this issue 6 years ago • 8 comments

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 and backgroundColor 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 correct barStyle and backgroundColor 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

brentvatne avatar Feb 10 '18 18:02 brentvatne