React Native Status Bar - React Native

What is React Native Status Bar?

In this tutorial, we will discuss on how to control status bar appearance in React Native.

  • If we check our earlier examples, we can notice that the color of the status bar elements is dark.
  • During certain times, we wish to modify the color to white. We can achieve it by using the below code.
  • The backgroundColor property works only on android while barStyle is IOS property.
  • The hidden property can be used to hide status bar. In our sample code, it is set to false, which is the default value.

src/components/home/HomeContainer.js

Example

On checking the app now, we can notice that color has been changed to White.

All rights reserved © 2018 Wisdom IT Services India Pvt. Ltd DMCA.com Protection Status

React Native Topics