title: Ionic on iPhone How to Set StatusBar Transparent
body: <p>Hi I'm creating an app based on ionic.</p>
  
  <p>I want to set my StatusBar transparent like this
  <a href="https://i.stack.imgur.com/Re47Z.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Re47Z.png" alt="enter image description here"></a></p>
  
  <p>But I've tried any of codes, it always goes 
  <a href="https://i.stack.imgur.com/Iyb8l.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Iyb8l.png" alt="enter image description here"></a></p>
  
  <p>Here is my <code>app.js</code> settings</p>
  
  <pre><code>    if (window.StatusBar) {
          StatusBar.overlaysWebView(true);
          StatusBar.styleLightContent();
      }
  </code></pre>
  
  <p>How can I make it right like the first picture goes? </p>