Nested Touchables activate parent Touchable and break Flexbox

Description

1. When nesting one TouchableOpacity inside another and pressing it, the parent TouchableOpacity is activated as well. [Android]
2. Flexbox flex seems to be broken with nested TouchableOpacity [Android, IOS]
3. When wrapping the nested TouchableOpacity inside a View with flex:1, the TouchableOpacity disappears [Android, IOS] (when adding a padding, the TouchableOpacity seems to appear from the top (see snack)??)

Screenshots

Steps To Reproduce

See Snack

Expected behavior

The rngh TouchableOpacity should behave like the RN one as seen in the snack.

Actual behavior

Flexbox and pressbehavior is broken

Snack or minimal code example

https://snack.expo.dev/@expoco2/bugs-in-rngh

Package versions

expo: sdk 43.0.0

[j-piasecki]

If you’re using vanilla RN, don’t forget to wrap the application component with GestureHandlerRootView (and keep in mind that it will behave just as a View would, meaning you might want to add style={{ flex: 1 }} to it to make it fill the screen). As for the message you mentioned, it’s nothing to worry about. It was supposed to nudge people to migrate to the new API.

[alexco2]

@j-piasecki Great, thank you. I was not able to replicate it and will now work on implementing version 2.3.0 in my production app. If I come across the bug again, I will reopen this issue. Until then, this issue is closed. Thank you for your support! 😃