How can I make the gesture handler recognize my pan gesture in a scrolling FlatList?

[viper4595]

Hi everyone,

I'm working with a horizontal FlatList that displays full-screen items. Each item itself is a vertical FlatList. When I swipe left or right, the horizontal FlatList switches between items. When I scroll up or down, it should scroll the vertical FlatList within the current item.

The problem is, when the vertical FlatList inside an item is scrolling, the horizontal swipe gesture on the outer FlatList is not recognized at all. It seems no gestures are recognized while the vertical FlatList is scrolling.

I've seen some Flutter apps that can differentiate between scrolling and swiping gestures instantly.

How can I achieve this behavior in React Native using react-native-gesture-handler?

Thank you,