title: Overlapping items are not intractable if it's overflowing the parent box in react native android
body: <p>I've developed an app for ios with the expo and trying to make it work for android, but I have a general issue with overlapping items, I've read and tried various tips &amp; tricks, including elevation, and zIndex, removing background color &amp; borders, etc.</p>
  <p>Like this one
  <a href="https://github.com/hossein-zare/react-native-dropdown-picker/issues/40" rel="nofollow noreferrer">https://github.com/hossein-zare/react-native-dropdown-picker/issues/40</a></p>
  <p>But this problem is not specific to this package, in general, any time when an item is bigger than its parent, overflowing items are not interactable. Visually there is no issue, it just can't be tapped on / clicked on.</p>
  <p>Here is how it reacts;</p>
  <p><a href="https://i.stack.imgur.com/VOdq7.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VOdq7.gif" alt="overlapping items are not clickable." /></a></p>
  <p>In this image, item locations can be seen, if the test dropdown overflows the search component, then overflowing items are not clickable, if the dropdown overflows the Input component, then overlapping items are not clickable.</p>
  <p><a href="https://i.stack.imgur.com/4DV8i.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/4DV8i.png" alt="schema of item postioning" /></a></p>
  <p>A similar problem is here, this overlay menu, is in the user info component, clicking mute, results in interacting with the like button. I've tried using the react-native-gesture-handler package for TouchableOpacity as well.</p>
  <p><a href="https://i.stack.imgur.com/eG0Ei.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/eG0Ei.png" alt="another example" /></a></p>
  <p>Expo version: 43.0.0 (comes with React Native 0.64.3)</p>