Unstable behavior on large lists

[hyochan]

Thank you so much for the library. We are using this library in our app.

Describe the bug

I've made a screenshot below and you can see it has unstable behavior. If I switch to FlatList, it works fine.

https://user-images.githubusercontent.com/27461460/164896963-51b5fe22-fdb6-47f2-906a-d489239f67f4.mp4

To Reproduce I'll try to make the example project soon. However, you may try yourself with a large list maybe 500 rows of any list. You can test without an infinite list view.

Platform & Dependencies Please list any applicable dependencies in addition to those below (react-navigation etc).

• react-native-draggable-flatlist version:
• Platform: iOS (Not yet tested in Android but I think it'd be same)
• React Native or Expo version: 0.66.4
• Reanimated version: ~2.3.1
• React Native Gesture Handler version: ~2.1.0

Additional context N/A

[hyochan]

Here is the log when error occurs

Please report: Excessive number of pending callbacks: 501. Some pending callbacks that might have leaked by never being called from native code: {"21118":{"module":"ImageLoader","method":"prefetchImage"},"21298":{"module":"ImageLoader","method":"prefetchImage"},"21478":{"module":"ImageLoader","method":"prefetchImage"},"22212":{"module":"NativeAnimatedModule","method":"startAnimatingNode"},"22267":{"module":"NativeAnimatedModule","method":"getValue"},"22291":{"module":"NativeAnimatedModule","method":"getValue"},"22315":{"module":"NativeAnimatedModule","method":"getValue"},"22339":{"module":"NativeAnimatedModule","method":"getValue"},"22397":{"module":"NativeAnimatedModule","method":"getValue"},"22438":{"module":"NativeAnimatedModule","method":"getValue"},"22462":{"module":"NativeAnimatedModule","method":"getValue"},"22486":{"module":"NativeAnimatedModule","method":"getValue"},"22510":{"module":"NativeAnimatedModule","method":"getValue"},"22534":{"module":"NativeAnimatedModule","method":"getValue"},"22592":{"module":"NativeAnimatedModule","method":"getValue"},"22633":{"module":"NativeAnimatedModule","method":"getValue"},"22674":{"module":"NativeAnimatedModule","method":"getValue"},"22842":{"module":"ReanimatedModule","method":"getValue"},"22846":{"module":"ReanimatedModule","method":"getValue"},"22861":{"module":"ReanimatedModule","method":"getValue"},"22864":{"module":"ReanimatedModule","method":"getValue"},"22867":{"module":"ReanimatedModule","method":"getValue"},"22870":{"module":"ReanimatedModule","method":"getValue"},"22873":{"module":"ReanimatedModule","method":"getValue"},"22876":{"module":"ReanimatedModule","method":"getValue"},"22901":{"module":"ReanimatedModule","method":"getValue"},"22918":{"module":"ReanimatedModule","method":"getValue"},"22927":{"module":"ReanimatedModule","method":"getValue"},"22932":{"module":"ReanimatedModule","method":"getValue"},"22937":{"module":"ReanimatedModule","method":"getValue"},"22942":{"module":"ReanimatedModule","method":"getValue"},"22947":{"module":"ReanimatedModule","method":"getValue"},"22952":{"module":"ReanimatedModule","method":"getValue"},"22957":{"module":"ReanimatedModule","method":"getValue"},"22977":{"module":"ReanimatedModule","method":"getValue"},"22987":{"module":"ReanimatedModule","method":"getValue"},"22990":{"module":"ReanimatedModule","method":"getValue"},"22993":{"module":"ReanimatedModule","method":"getValue"},"22996":{"module":"ReanimatedModule","method":"getValue"},"22999":{"module":"ReanimatedModule","method":"getValue"},"23018":{"module":"ReanimatedModule","method":"getValue"},"23045":{"module":"ReanimatedModule","method":"getValue"},"23049":{"module":"ReanimatedModule","method":"getValue"},"23064":{"module":"ReanimatedModule","method":"getValue"},"23067":{"module":"ReanimatedModule","method":"getValue"},"23070":{"module":"ReanimatedModule","method":"getValue"},"23073":{"module":"ReanimatedModule","method":"getValue"},"23076":{"module":"ReanimatedModule","method":"getValue"},"23079":{"module":"ReanimatedModule","method":"getValue"},"23104":{"module":"ReanimatedModule","method":"getValue"},"...(truncated keys)...":451}

[awaishere]

@computerjazz any feedback? I am encountering this issue with the latest release 3.1.2 react-native-reanimated: 2.5.0 react-native-gesture-handler: 2.4.0 Moreover, I am following the same infinite scroll approach.

[pelayomartinez]

+1 I'm also having the same issue. Any ideas?