title: SafeAreaView doesn't working in react native version 0.54.0?
body: <p>I read that facebook introduce new API <a href="https://github.com/facebook/react-native/commit/983b05441d3d23809b924de2e4bf96a55c47428duse" rel="nofollow noreferrer"><strong>SafeAreaView</strong></a> for iPhone X. and I use the react native latest version 0.54.0, You can see my below code. but SafeAreaView doesn't work for iPhone X device. </p>
  
  <p><strong>Code :</strong></p>
  
  <pre><code>  render() {
      return (
        &lt;SafeAreaView style={styles.container}&gt;
          &lt;Text style={[globalStyle.fontRegularLarge , styles.welcome]}&gt;
            React Native Demo App
          &lt;/Text&gt;
  
          &lt;View style={{position: 'absolute' , height: 150 , bottom: 0 , width: '100%'}}&gt;
            &lt;Text style={[globalStyle.fontRegular , styles.welcome]}&gt;
              © 2018 Kirit Modi, PTE. LTD. - Proprietary &amp; Confidential
            &lt;/Text&gt;
  
            &lt;TouchableOpacity style = {styles.getStartBtn}&gt;
              &lt;Text style={[globalStyle.fontRegular , {color: 'white'}]}&gt;
                Get Start
              &lt;/Text&gt;
            &lt;/TouchableOpacity&gt;
          &lt;/View&gt;
  
        &lt;/SafeAreaView&gt;
      );
    }
  </code></pre>
  
  <p><strong>iPhoneX and iPhone 6s</strong> </p>
  
  <p><a href="https://i.stack.imgur.com/mKpoC.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mKpoC.png" alt="enter image description here"></a> <a href="https://i.stack.imgur.com/53S4T.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/53S4T.png" alt="enter image description here"></a></p>