Browse Source

Add statusBarColor to navigator props docs (#1004)

Reading the docs I couldn't see a way to simply change the color of the status bar on Android. Only via https://github.com/wix/react-native-navigation/issues/571#issuecomment-267255350 I saw there was a prop to do this.

(Assuming this is Android only since iOS only allows for light or dark).
Elliot Hesp 7 years ago
parent
commit
77f3158c72
1 changed files with 2 additions and 1 deletions
  1. 2
    1
      docs/styling-the-navigator.md

+ 2
- 1
docs/styling-the-navigator.md View File

@@ -38,6 +38,7 @@ export default class StyledScreen extends Component {
38 38
   statusBarBlur: false, // blur the area under the status bar, works best with navBarHidden:true
39 39
   navBarBlur: false, // blur the entire nav bar, works best with drawUnderNavBar:true
40 40
   tabBarHidden: false, // make the screen content hide the tab bar (remembered across pushes)
41
+  statusBarColor: '#000000', // change the color of the status bar. Android only
41 42
   statusBarHideWithNavBar: false // hide the status bar if the nav bar is also hidden, useful for navBarHidden:true
42 43
   statusBarHidden: false, // make the status bar hidden regardless of nav bar state
43 44
   statusBarTextColorScheme: 'dark', // text color of status bar, 'dark' / 'light' (remembered across pushes)
@@ -55,4 +56,4 @@ export default class StyledScreen extends Component {
55 56
 
56 57
 > Note: If you set any styles related to the Status Bar, make sure that in Xcode > project > Info.plist, the property `View controller-based status bar appearance` is set to `YES`.
57 58
 
58
-All supported styles are defined [here](https://github.com/wix/react-native-controllers#styling-navigation). There's also an example project there showcasing all the different styles.
59
+All supported styles are defined [here](https://github.com/wix/react-native-controllers#styling-navigation). There's also an example project there showcasing all the different styles.