react native status bar code example

Example 1: hide status bar react native

<StatusBar hidden />

Example 2: react native status bar

<StatusBar animated={true} backgroundColor="#fff"  barStyle="dark-content" />

Example 3: statusbar reactnati

<View>
  <StatusBar backgroundColor="blue" barStyle="light-content" />
  <View>
    <StatusBar hidden={route.statusBarHidden} />
    ...
  </View>
</View>

Example 4: how to render react native app under the status bar

adding following code to the root view tag of your component =>
paddingTop:StatusBar.currentHeight

Tags:

Misc Example