title: React Native Overlay Transparent
body: <p>I have try many times, stills can not find the solution.</p>
  
  <p>In a screen, I have so many components. I separated in header and content views components.</p>
  
  <p>In content components, there has map component (image), and there has other components like a people component (image).</p>
  
  <p>In the map component, I want to have a transparent overlay with full screen but it only overlay with map component. In react native, there are no z-index. How can I do it?</p>
  
  <pre><code>&lt;View&gt;
    &lt;View style={styles.header}&gt;
      .....
    &lt;/View&gt;
    &lt;View style={styles.content}&gt;
      &lt;Image style={styles.map}&gt;
         &lt;View style={styles.overlay}&gt;
           &lt;Image style={styles.people} /&gt;
           &lt;Image style={styles.destination} /&gt;
         &lt;/View&gt;
      &lt;/Image&gt;
    &lt;/View&gt;
  &lt;/View&gt;
  </code></pre>
  
  <p>like this example which can not overlay the full screen:
  <a href="https://rnplay.org/apps/wHCi_A" rel="noreferrer">https://rnplay.org/apps/wHCi_A</a></p>