[Bug]: Touchables onPress is flaky on Android when nested in scroll views (ScrollView, FlatList)

[wachunei]

Describe the bug

When using touchables in scrolling views like ScrollView or FlatList the onPress handler is not called when the view is scrolled.

Expected behavior

onPress handler to be called.

Screenshots/Recordings

screen-20250806-143117.mp4

Steps to reproduce

1. Go to Deposit
2. Open the token selector
3. Scroll through the list and try to press a token while the list is scrolled.

Error messages or log output

Detection stage

During release testing

Version

7.53.0

Build type

None

Device

Android Pixel 8

Operating system

Android

Additional context

While investigating and with some context on the bug linked below, I realized using the touchable components from react-native-gesture-handler solve the issue. This might be related to the new architecture as mentioned in the react-native repo bug.

Related bug from react native repo: facebook/react-native#34999

Related bug reported earlier on MetaMask Mobile: #17269
The fix for this bug was replacing the component with react-native-gesture-handler https://github.com/MetaMask/metamask-mobile/pull/17284/files#diff-aceff0f01a25d29e371b8eaefbec0ad66977cdfbdf3bd36f9442a2918b7fc5dfR5

Severity

No response

[wachunei]

Related issue facebook/react-native#36710

[wachunei]

Potentially fixed by facebook/react-native#51835

[wachunei]

Related #18704

[wachunei]

Related #18838

[sleepytanya]

@wachunei

I think this is fixed now, could we close it?
Thank you!