title: React Native - "Absolute" position and "zIndex" not working on Android
body: <p>I'm building a react native app. I have a circular image with text above it which the user can click to go to another page.</p>
  <p>This works great on iOS, however on Android I can't click. When I inspect on Android and click the <code>TouchableHighlight</code> it seems like the <code>appBody</code> view I have as a parent is what's being clicked. I stripped the whole page down and removed the <code>appBody</code> leaving just the <code>TouchableHighlight</code> and still won't click on Android phones.</p>
  <p>I noticed as soon as I remove the <code>absolute</code> position from the <code>viewTextWrap</code> it then triggers the click! However without the absolute position the <code>Test</code> text and background color is behind the image. I was reading absolute position with zIndex causes issue on Android, and to fix this by using <code>elevation</code>. So anywhere I have a <code>Zindex</code> I added the same <code>elevation</code> , but still doesn't work.</p>
  <p>Here is my code:</p>
  <pre><code>&lt;View style={globalStyle.appBody}&gt;
      &lt;TouchableHighlight style={{zIndex: 100, elevation: 100}} onPress={() =&gt; this._goToPage('Test')} underlayColor={'transparent'}&gt;
          &lt;View style={styles.ImageWrap}&gt;
              &lt;Image style={[globalStyle.ProfileImage, { top: -90 }]} source={{ uri: this.state.pic }} defaultSource={require('../../assets/images/placeholder.png')} /&gt;
              &lt;Image style={styles.viewImage} source={require('../../assets/images/test.png')} /&gt;
              &lt;View style={styles.viewTextWrap}&gt;
                  &lt;Text style={styles.viewText}&gt;Test&lt;/Text&gt;
              &lt;/View&gt;
          &lt;/View&gt;
      &lt;/TouchableHighlight&gt;
  
      //More code in the body here
  
  &lt;/View&gt;
  </code></pre>
  <p>And the css for those classes:</p>
  <pre><code>appBody: {
      backgroundColor: '#fff',
      padding: 25,
      height: '100%'
  },
  ImageWrap: {
      position: 'relative',
      backgroundColor: '#fff',
  },
  ProfileImage: {
      position: &quot;absolute&quot;,
      zIndex: 100,
      top: -68,
      height: 136,
      width: 136,
      borderRadius: 136 / 2,
      alignSelf: 'center',
  },
  viewImage: {
      position: &quot;absolute&quot;,
      zIndex: 100,
      elevation: 100, //Tried adding to match zIndez
      alignSelf: 'center',
      bottom: -50,
  },
  viewTextWrap: {
      position: &quot;absolute&quot;, //If I remove this, the click works but the text is behind the image
      zIndex: 101,
      elevation: 101, //Tried adding to match zIndez
      alignSelf: 'center',
      bottom: -32,
  },
  viewText: {
      position: 'relative',
      fontSize: 12,
      textAlign: &quot;center&quot;,
  },
  </code></pre>