React-native-draggable-flatlist: Dragging is bugged on android device when inside Modal

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

Describe the bug
When the DraggableFlatList is inside a modal on an android device, the drag and drop stops working.

https://drive.google.com/open?id=1VEXv8Ws3-IC1bHKD3xYoG582EhJt6Tz-

Platform & Dependencies

  • react-native-gesture-handler version: 1.5.6
  • react-native-draggable-flatlist version: 2.3.2
  • Platform: Android
  • React Native: 0.60.5
  • Reanimated version: 1.7.1

Additional context
In iOS the DraggflatList works inside a modal, in android it works if it is outside the modal

Most helpful comment

Solution
https://github.com/software-mansion/react-native-gesture-handler/blob/master/docs/getting-started.md#usage-with-modals-on-android

"react-native-gesture-handler": "^1.6.1"
"react-native-draggable-flatlist": "^2.3.2"

All 10 comments

Solution
https://github.com/software-mansion/react-native-gesture-handler/blob/master/docs/getting-started.md#usage-with-modals-on-android

"react-native-gesture-handler": "^1.6.1"
"react-native-draggable-flatlist": "^2.3.2"

Solution
https://github.com/software-mansion/react-native-gesture-handler/blob/master/docs/getting-started.md#usage-with-modals-on-android

"react-native-gesture-handler": "^1.6.1"
"react-native-draggable-flatlist": "^2.3.2"

Can you provide details of your implementation? This still doesn't work for me馃檨

A current version of the document is here: https://github.com/software-mansion/react-native-gesture-handler/blob/master/docs/docs/getting-started.md#usage-with-modals-on-android

But it still doesn't work for me (DraggableFlatList in a modal: dragging works on iOS but not on Android). Ist there a solution? Can we re-open this ticket?

this was solved by reading the version documentation : https://github.com/computerjazz/react-native-draggable-flatlist/issues/170#issuecomment-612231975, Thanks to everyone for your replies

I attach the code of my implementation:

Screenshot at Aug 13 17-34-18

Screenshot at Aug 13 17-35-45

I wrapped the DraggableFlatList in the gestureHandlerRootHOC and also adjusted MainActivity.java as described here but without success. Is there more todo?

I wrapped the DraggableFlatList in the and also adjusted MainActivity.java as described here but without success. Is there more todo?gestureHandlerRootHOC

I show you my mainActivity.java :

Screenshot at Aug 13 18-02-42

I have the very same ReactActivityDelegate method here. Still no success.

  • react-native-gesture-handler 1.7.0
  • react-native-draggable-flatlist 2.3.6
  • react-native 0.63.2
  • react-native-reanimated 1.13.0

Tengo el mismo m茅todo ReactActivityDelegate aqu铆. A煤n no hay 茅xito.

  • react-native-gesture-handler 1.7.0
  • react-native-draggable-flatlist 2.3.6
  • reaccionar nativo 0.63.2
  • react-native-reanimated 1.13.0

This worked for me:

  • "react-native-gesture-handler": "^1.6.1"
  • "react-native-draggable-flatlist": "^2.3.2"
  • "react-native": "0.60.5"
  • "react-native-reanimated": "^1.7.1"

iOS:

draggableFlatList_inside_modal

Android:

draggableFlatList_inside_modal_android

@DavidFlores91 its works) for me thanks

Was this page helpful?
0 / 5 - 0 ratings

Related issues

exentrich picture exentrich  路  6Comments

mik-rom picture mik-rom  路  8Comments

saikats5 picture saikats5  路  12Comments

canpoyrazoglu picture canpoyrazoglu  路  7Comments

omarmahili picture omarmahili  路  4Comments