React Native Overlay Transparent
<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>