title: How to remove black overlay on status bar on android with React Native
body: <p>I'm learning React Native (without React knowledge), but my problem is the status bar always get a translucent black background and I can remove it. I tried every stackoverflow answer, and even React Native and Expo documentation. But nothing... </p>
  
  <p>Here is my problem:
  <a href="https://i.stack.imgur.com/HvbQG.png" rel="noreferrer"><img src="https://i.stack.imgur.com/HvbQG.png" alt="enter image description here"></a></p>
  
  <p>The status bar has a white background supposedly, and get this grey overlay, that is what I want to remove.</p>
  
  <p>Here is my code:</p>
  
  <pre class="lang-js prettyprint-override"><code>render() {
      return (
           &lt;View&gt;
               &lt;StatusBar background="white" /&gt;
               &lt;Button title="Sign in!" onPress={this._signInAsync} /&gt;
           &lt;/View&gt;
      );
  }
  </code></pre>
  
  <p>I even tried this, on app.js</p>
  
  <pre><code>"androidStatusBar": {
      "backgroundColor": "#C2185B"
  },
  </code></pre>
  
  <p>I'm starting to think, this is related to Expo.</p>