title: Nest inside <Image> but behind the image
body: <p>The problem I'm having is that the image inside the image, is on top of the outside image, the outside image is a half transparent image so I want it to be ON TOP of the nested image, as an overlay image, what can I do?</p>
  
  <pre><code>  &lt;Image
      style={it}
      source={require('../../img/Rarities/red.png')}
    &gt;
    &lt;View&gt;
        {
          item[2] != null ?
            &lt;View style={{ width: 15, height: 15, backgroundColor: item[2].Color }} /&gt;
          : null
        }
      &lt;Image
        style={{height:'70%',width:'70%'}}
        source={{ uri: item[1].base64 }}
      /&gt;
    &lt;/View&gt;
    &lt;/Image&gt;
  </code></pre>
  
  <p><strong>I tried:</strong></p>
  
  <p>changing the zIndex of the images didn't work..</p>