Nested Touchable with absolute position : <p>I need to implement an interface where an object is clickable, but an area of this object does another action, like this:</p>

<pre><code>|-----------|
|        |  | -&gt; clicking on this small area does an action
|        ---|
|           |
|           |
|           | -&gt; clicking on this area does another action
|           |
|-----------|
</code></pre>

<p>I did an implementation similar this structure:</p>

<pre><code>&lt;View&gt; // Container
  &lt;Touchable onPress={do X}&gt; // Large area
  &lt;Touchable onPress={do Y} style={{position: absolute, top: 0, right: 0}}&gt; // Small area
&lt;/View&gt;
</code></pre>

<p>The problem is that the small area never activate the onPress props. The event is always triggered on the large area.</p>

<p>Can someone help me with this?</p>

<p>Thanks!</p>
