React-native-draggable-flatlist: Items jumps up/down inside scrollview after scroll

Created on 30 Apr 2020  路  2Comments  路  Source: computerjazz/react-native-draggable-flatlist

I have created list item using react-native-draggable-flatlist and I am dragging the whole item by tapping on an icon on the right hand side and the whole item has a click functionality except the tap icon, the whole list is inside scrollview, the tap and drag/drop everything works fine, the moment I scroll the list and try to drag/drop any item, ontap the list items jumps up/down over other items at all positions, sometimes replace it with the other one

Most helpful comment

@saikats5 See if the following message appears on the console::

WARN: VirtualizedLists should never be nested inside plain ScrollViews with the same orientation - use another VirtualizedList-backed container instead.

WARN: VirtualizedLists should never be nested inside plain ScrollViews with the same orientation - use another VirtualizedList-backed container instead.

Because FlatList of the same thing that ScrollView, it's redundant.
Removing the ScrollView is expected to solve your problem.

Best regards,
Cesar Barros

All 2 comments

@saikats5 See if the following message appears on the console::

WARN: VirtualizedLists should never be nested inside plain ScrollViews with the same orientation - use another VirtualizedList-backed container instead.

WARN: VirtualizedLists should never be nested inside plain ScrollViews with the same orientation - use another VirtualizedList-backed container instead.

Because FlatList of the same thing that ScrollView, it's redundant.
Removing the ScrollView is expected to solve your problem.

Best regards,
Cesar Barros

Not sure why dislikes but the above actually solved my problem.

Was this page helpful?
0 / 5 - 0 ratings