title: React Native Text component will not center inside a View component
body: <p>Hi I think this should be simple, but I cannot get it to work. Seems like no matter what I do, I cannot get the text component to center horizontally inside the view. I have tried using alignItems:center, justifyContent:center, alignSelf:center, textAlign:center... nothing works. I can get it to center vertically, but not horizontally. Whyyyyy dear lord?</p>
  
  <pre><code>&lt;Animated.View style={[styles.titleContainer]}&gt;
      &lt;Text style={styles.title}&gt;App logo here&lt;/Text&gt;
  &lt;/Animated.View&gt;
  </code></pre>
  
  <p>How can I get the text to center both vertically and horizontally?</p>
  
  <p>Here is my CSS:</p>
  
  <pre><code>titleContainer: {
      flex: 1,
      marginTop:30,
      marginBottom:30,
      justifyContent:'center'
  },
  title:{
      color:'white',
      textAlign:'center',
      alignSelf:'center'
  },
  </code></pre>
  
  <p>This is my result:</p>
  
  <p><a href="https://i.stack.imgur.com/7IuVV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7IuVV.png" alt="enter image description here"></a></p>