React-native-gesture-handler: Swipeable extremely slow inside large FlatList

[sintylapse]

Swipeable is extremely slow on first render of large FlatList (70 items) and when rotating device/simulator. When you open a screen with FlatList of Swipeable items and immediately try to swipe, the animation will be laggy. The same thing when you rotate device/simulator.

I tried the latest example inside the repo https://github.com/kmagiera/react-native-gesture-handler/tree/master/Example , the only thing I change in code - I added 70 items instead of 8. Here is the video

It makes impossible to use Swipeable component in real-world applications. Is there any way to use swipeable functionality in a performant way? Maybe using with react-native-reanimated?

[geroale]

Same problem here. @sintylapse have you solved this in any way?

[marf]

Same problem here, there is a performance drop with large flatlists.

[sintylapse]

@geroale, @marf I used react-native-interactable instead. It is the best solution I found so far, no performance issues. I also tried to use react-native-gesture-handler combined with react-native-reanimated, but this library also has performance issues with large lists

[marf]

Thank you bery much for your hints, with react-native-interactable we do not have any performance issues!

[lander854]

Same problem here

[kidfrom]

Same problem here with only 40 items. FlatList with Swipeable example's github repository

[voids]

Same problem, but I use Flipkart/recyclerlistview instead FlastList, it works well.