title: RN: Center spinner using flexbox?
body: <p>I am trying to get as spinner centered vertically and horizontally (iOS and Android - currently testing on iOS). Here is my JSX</p>
  
  <pre><code>            &lt;View&gt;
                  &lt;Spinner/&gt;
              &lt;/View&gt;
  </code></pre>
  
  <p>of course, Spinner is a custom component which is simply this that contains a ActivityIndicator</p>
  
  <pre><code>const Spinner = ({size}) =&gt; {
      return (
          &lt;View style={styles.spinnerStyle}&gt;
              &lt;ActivityIndicator/&gt;
          &lt;/View&gt;
  
      );
  };
  
  
  const styles = {
      spinnerStyle: {
          flex: 1,
          justifyContent : 'center',
          alignItems: 'center'
      }
  }
  export {Spinner}
  </code></pre>
  
  <p>The spinner works but its always at the top of the screen, the spinner contains a VIEW and also the flex items that I think should work. But it doesn't </p>
  
  <p>I also tried add some styles of the the first VIEW that holds the custom component ie..</p>
  
  <pre><code>            &lt;View style={....}&gt;
                  &lt;Spinner/&gt;
              &lt;/View&gt;
  </code></pre>
  
  <p>But no joy.</p>