react-native-draggable-flatlist
react-native-draggable-flatlist copied to clipboard
dragItemOverflow not working consistently with nested lists
Describe the bug I am using the option dragItemOverflow, which makes it possible to drag items outside the list. To keep the items visible when they pass the list border I also had to add something like
<NestableDraggableFlatList
style={{overflow:'visible'}}
I am using the Nested screen from the example app, with these minor modifications.
To Reproduce In this Snack, navigate to "Nested" and try dragging an item from any of the lists vertically outside the list container. Going up, it goes on top of all other elements, but going down, it only goes on top of the header below, not on top of the elements in the lists below. How can I make it go on top of all elements below?
Platform & Dependencies
- iPhone 12 SImulator
- Snack-Web
"dependencies": {
"expo": "~49.0.0",
"react-native-screens": "~3.22.0",
"react-native-reanimated": "~3.3.0",
"@react-navigation/native": "6.0.0",
"react-native-swipeable-item": "2.0.9",
"react-native-gesture-handler": "~2.12.0",
"@react-navigation/bottom-tabs": "^6.0.7",
"@react-navigation/native-stack": "^6.0.2",
"react-native-safe-area-context": "4.6.3",
"react-native-draggable-flatlist": "4.0.1"
}