title: How to enable onPress on children of Overlay component of React Native Elements library?
body: <p>I am trying to trigger events using the onPress property in children of React Native Elements Overlay component. onPress property doesn't work i.e. nothing happens when I press on the component. </p>
  
  <p>I have tried adding a zIndex attribute to the parent Overlay component and the children component with higher values given to children components and lower ones to parent Overlay component. </p>
  
  <pre><code>    &lt;Overlay
        isVisible
        borderRadius={10}
        overlayStyle={styles.descriptionStyle}
      &gt;
      &lt;View style={styles.descriptionContent}&gt;
        &lt;MaterialIcons
          name="directions"
          size={48}
          color='#FFFFFF'
          /&gt;
        &lt;LinearGradient
          colors={['#75cdd9', '#016f7e']}
          style={styles.createSessionButton}
          onPress={() =&gt; this.props.navigation.navigate('CreateSession')}
        &gt;
          &lt;Text style={styles.createSessionButtonText}&gt;Créer une sortie&lt;/Text&gt;
        &lt;/LinearGradient&gt;
      &lt;/View&gt;
      &lt;/Overlay&gt;
  </code></pre>
  
  <p>Expected result : Triggering navigation to 'CreateSession' component/screen by stack navigator. </p>
  
  <p>Actual result : No event is triggered. Verified by implementing a console log in a call back function. Same problem and behaviour is encountered with the MaterialIcons component.</p>
  
  <p>I am a beginner, so please be patient with me. </p>