dragItemOverflow allows dragging over the ListHeader

[melhawnuhra]

Describe the bug
With dragItemOverflow=false, I expect the items to be confined within the list (header not included).
Can we add some way to exclude the header?

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

• react-native-draggable-flatlist version: 4.0.1
• Platform: iOS

Additional context
Screen recording demonstrating the problem:

Simulator.Screen.Recording.-.iPhone.15.Pro.-.2024-05-13.at.11.11.40.mp4

[officialtpss]

@melhawnuhra I believe the issue might be related to the Gesture Handler at the root level. A possible solution would be to wrap your DraggableFlatList inside a GestureHandlerRootView like this

  // <GestureHandlerRootView style={{ minHeight: "100%", width: "100%" }}>
  //   <DraggableFlatList
  //     data={data}
  //     renderItem={renderItem}
  //     keyExtractor={(item, index) => `draggable-item-${item.key}`}
  //     onDragEnd={({ data }) => {
  //       updateSortedArrayToServer(data);
  //     }}
  //   />
  // </GestureHandlerRootView>