title: react-native: components with zIndex in flatlist does not seem to work
body: <p>The main render:</p>
  
  <pre><code>  render() {
      return (
  
      &lt;View&gt;
        &lt;FlatList
        ListEmptyComponent={() =&gt; &lt;DialogBox type="internet" /&gt;}
        ...
      &lt;/View&gt;
       );
  </code></pre>
  
  <p><code>&lt;DialogBox type="internet" /&gt;</code> container styled via absolute position:</p>
  
  <pre><code>export const dialogBox = EStyleSheet.create({
     container : {
         position: 'absolute',
         justifyContent: 'center',
         alignItems: 'center',
         top: 0,
         left: 0,
         right: 0,
         bottom: 0,
         zIndex:10000
  
     },
     .... 
  </code></pre>
  
  <p>and DialogBox:</p>
  
  <pre><code>  &lt;View style={dialogBox.container}&gt;
         &lt;View style={dialogBox.box}&gt;
         ...
  </code></pre>
  
  <p>If I remove <code>absolute</code> form container, It shows. 
  But I want show it in middle of screen (not middle of flatlist).</p>
  
  <p>But why dosen't work zIndex in absolute?</p>
  
  <p>I try change the code to this:</p>
  
  <pre><code>    &lt;View style={{position: 'absolute',zIndex:1}}&gt;
        &lt;FlatList
        style={{position: 'absolute',zIndex:2}}
  </code></pre>
  
  <p>or this:</p>
  
  <pre><code>    &lt;View style={{position: 'relative'}}&gt;
        &lt;FlatList
        style={{position: 'relative'}}
  </code></pre>
  
  <p>But it's not work</p>