react-native-draggable-flatlist icon indicating copy to clipboard operation
react-native-draggable-flatlist copied to clipboard

Can't make it work on RN 0.59.9 w/ react-native-router-flux

Open bcklup opened this issue 5 years ago • 10 comments
trafficstars

I've been using v1.1.9 since last year and have experienced multiple issues with active items suddenly flying up or even to some instances where the component won't function as expected at all. I've gone to the conclusion that updating this library might fix it since there has been a few releases after v1.1.9.

So I went and gone straight to the latest version and tried to install Reanimated and React Native Gesture Handler with the proper instructions.

After that, the draggable view no longer works on iOS, no scrolling or dragging works. On the other hand, the app won't even run on Android due to androidX support.

Take note that I am using react-native 0.59.9 and react-native-router-flux on my project. This might be insightful to what issues I am encountering now.

Any suggestions would help. Although solutions that have anything to do with upgrading to 0.60 - I cannot support right now.

bcklup avatar Jan 17 '20 06:01 bcklup

hm, you likely need to use older versions of RNGH/Reanimated to support pre-60 RN. Which versions do you have installed?

computerjazz avatar Jan 19 '20 21:01 computerjazz

hm, you likely need to use older versions of RNGH/Reanimated to support pre-60 RN. Which versions do you have installed?

Currently using the latest versions. Will try to find and use pre-0.60 versions of RNGH and Reanimated.

bcklup avatar Jan 22 '20 00:01 bcklup

Installed the last < 0.60 versions of RNGH/Reanimated which are 1.1.3 and 1.2.0 respectively. After linking the libraries I've tried to run-ios just to encounter the following error during the bundler:

error: bundling failed: Error: Unable to resolve module `./core/AnimatedFunction` `/node_modules/react-native-reanimated/src/base.js`: The module `./core/AnimatedFunction` could not be found from `/node_modules/react-native-reanimated/src/base.js`.

Update: turns out the said modules weren't added to react-native-reanimated til version 1.5.0 :(

bcklup avatar Jan 22 '20 00:01 bcklup

Sounds like you might have some bad cached deps. This package does not directly reference those files. It does use a perf feature introduced in reanimated 1.4 (proc) but will run without it.

computerjazz avatar Jan 23 '20 17:01 computerjazz

Tried to do the whole reset npm cache procedure, and even reset my node_modules and iOS build folder & pods. Said error message persists

trgiansanchez avatar Feb 05 '20 01:02 trgiansanchez

Did you clear derived data too?

computerjazz avatar Feb 05 '20 16:02 computerjazz

Yup.

trgiansanchez avatar Feb 05 '20 23:02 trgiansanchez

looks like an upstream bug -- https://github.com/software-mansion/react-native-reanimated/issues/409

computerjazz avatar Feb 06 '20 01:02 computerjazz

If the fix is on react-native-reanimated v1.3.0 - which is not supported on pre-0.60 RN Guess I have no choice then..

I've been trying to upgrade this react-native=draggable-flatlist due to some issues where the items seem to fly up and off the screen when drag-and-dropping on some occasions. Mostly encountered on Android, any clue?

trgiansanchez avatar Feb 06 '20 01:02 trgiansanchez

@trgiansanchez I use:

I managed to get it working with: "react-native-draggable-flatlist": "2.6.2", "react-native-gesture-handler": "1.10.3", "react-native-reanimated": "1.13.1", "react-native": "0.59.10",

1Jesper1 avatar Aug 10 '21 14:08 1Jesper1