title: image hidden after position absolute in react native
body: <p>I have view and image like this. </p>
  
  <pre><code>&lt;View style={styles.popularImageViewContainer}&gt;
       &lt;Image style={styles.popularImageStyle} source={{uri: //imgURI }} /&gt;
  &lt;/View&gt;
  
  &lt;View style={styles.currentUserImageContainerStyle}&gt;
       &lt;Image style={styles.currentUserImageStyle} source={{uri://imgURI }} /&gt;
  &lt;/View&gt;
  </code></pre>
  
  <p>This is the style  I am adding in them.</p>
  
  <pre><code>currentUserImageContainerStyle:{
      minHeight:24,
      position: 'absolute',
      bottom:0,
      right:0
  },
  currentUserImageStyle: {
      height: 24,
      width: 24,
      borderRadius: 100,
  }
  </code></pre>
  
  <p>But, the image of the style "currentUserImageStyle" remains hidden in the bottom. I can see the image when I click it, but I cannot see the image normally. I cannot find anything like z-index in React Native, any help I can get using position absolute and still see the image? </p>
  
  <p>EDITED: 
  Here is the popularImage style above which I want my userImage..  </p>
  
  <pre><code>  popularImageStyle: {
      height: 100,
      width: 100,
      borderRadius: 10,
  
    },
    popularImageViewContainer:{
      elevation: 3,
      borderRadius: 10,
      borderWidth: 1,
      borderColor: '#000',
    },
  </code></pre>