title: React Native (Android) not sensing my <TouchableOpacity/> component absolute positioned above a <TextInput/>
body: <p>I have created a custom 'Autocomplete' component that has a TextInput and an absolute positioned dropdown that triggers when you type certain characters in it. In the dropdown, there are list items that are touchable and should trigger a function to fill the TextInput when pressed on.</p>
  
  <p>On the screen component, I have included this 'Autocomplete' component four times. When I trigger the dropdown and try pressing on one of those list items within it, its like it ignores the dropdown completely and just lets me focus into the next 'Autocomplete' component's TextInput that is actually layered below the dropdown.</p>
  
  <p>My code works perfectly fine on iOS devices but on Android, it has presented problems.</p>
  
  <p><a href="https://i.stack.imgur.com/sNrHl.gif" rel="nofollow noreferrer">View the gif of the issue</a></p>
  
  <p>Link to the Snack Expo: <a href="https://snack.expo.io/@nicocodes/hello-textinput" rel="nofollow noreferrer">https://snack.expo.io/@nicocodes/hello-textinput</a></p>
  
  <p>(Ignore the fact that Web and iOS doesn't work for this example. I copied in only some sections of my app to show my issue on Android.)</p>
  
  <p><strong>Would anyone have a solution for this?</strong></p>