Stacked TouchableOpacity inside another TouchableOpacity is not clickable : <p>Even though this document (<a href="https://facebook.github.io/react-native/docs/gesture-responder-system.html" rel="noreferrer">https://facebook.github.io/react-native/docs/gesture-responder-system.html</a>) states, that touch events are passed down to the children and are only consumed by a parent, if the child doesn't react on the event, I face the issue, that a TouchableOpacity nested inside another TouchableOpacity doesn't react properly on touches.</p>

<p>My structure is like follows</p>

<pre><code>&lt;ScrollView&gt;
  &lt;TouchableOpacity onPress={() =&gt; console.log('This is printed always')}&gt;
    &lt;View&gt;
      &lt;Text&gt;I can click here&lt;/Text&gt;
      &lt;TouchableOpacity onPress={() =&gt; console.log('This is printed never')}&gt;
        &lt;Text&gt;I can click here but the outer onPress is called instead of the inner one&lt;/text&gt;
      &lt;/TouchableOpacity&gt;
    &lt;/View&gt;
  &lt;/TouchableOpacity&gt;
&lt;/ScrollView&gt;
</code></pre>

<p>The same happens for Buttons inside TouchableOpacitys: Clicking the Buttons calls the onPress method of the parent TouchableOpacity</p>

<p>Am I overseeing something?</p>
