title: StatusBar color in React Native
body: <p>How can I change background color of <a href="https://facebook.github.io/react-native/docs/statusbar.html" rel="nofollow noreferrer"><code>StatusBar</code></a> component from <code>react-native</code>, without editing Android specific files? </p>
  
  <p>Docs <a href="https://facebook.github.io/react-native/docs/statusbar.html#backgroundcolor" rel="nofollow noreferrer">says</a>, that I can use <a href="https://facebook.github.io/react-native/docs/statusbar.html#backgroundcolor" rel="nofollow noreferrer"><code>backgroundColor</code></a> property. But it fails. <code>barStyle</code> property, <code>setBarStyle</code> &amp;&amp; <code>setBackgroundColor</code> static methods don`t work properly too.</p>
  
  <p>Only <code>hidden</code> property works.</p>
  
  <p>I`m using <a href="https://github.com/react-community/create-react-native-app" rel="nofollow noreferrer"><code>create-react-native-app</code></a>, built with <a href="https://expo.io/" rel="nofollow noreferrer">Expo</a>.</p>