title: zIndex is not working on android
body: <p><a href="https://i.stack.imgur.com/YJeHH.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YJeHH.png" alt="enter image description here"></a></p>
  
  <p>As I want to overlap this icon with two other Views, as shown in the image. this code is working on IOS platform but not on android. please suggest if there is any solution for Android.</p>
  
  <pre><code>   var tabs = ['Activity', 'Files', 'People'];
     this.state = {
      tabs
    };
  return (
    &lt;Container style={{backgroundColor: '#F5F5F5'}}&gt;
        &lt;View style={styles.topStrip}&gt;
            {
              this.state.tabs.map((tab, index) =&gt; (
                &lt;View key={index} &gt;
                  &lt;TouchableOpacity&gt;
                    &lt;Text style={styles.streamName}&gt;{tab}&lt;/Text&gt;
                  &lt;/TouchableOpacity&gt;
                &lt;/View&gt;
              ))
            }
          &lt;View style={{position: 'absolute', backgroundColor: 'transparent', alignItems: 'center', justifyContent: 'center', zIndex: 5, elevation: 24, marginTop: 15, marginLeft: 300}}&gt;
            &lt;EIcon size={40} color='#2196f3' name={'circle-with-plus'} /&gt;
           &lt;/View&gt;
         &lt;/View&gt;
       &lt;View style={{zIndex: -1}}&gt;&lt;/View&gt;
     &lt;/Container&gt;
    );
   }
  }
    const styles = StyleSheet.create({
     topStrip: {
      alignItems: 'center',
    },
   streamName: {
     marginTop: 7,
     marginBottom: 6,
     flexDirection: 'row',
     alignSelf: 'center'
    }
   }
  });
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/K59KH.jpg" alt="enter image description here"></p>