pavelbabenko/react-native-awesome-gallery

Buggy swiping behavior with react-native-reanimated >= 3.9.0

andrijanovakovic opened this issue · 3 comments

andrijanovakovic commented

Environment

  • react-native-awesome-gallery: 0.3.9
  • react-native: 0.74.1
  • expo: 51
  • react-native-reanimated: 3.9.0 or higher

Description

There seems to be an issue with swiping images, which becomes buggy when using react-native-reanimated version 3.9.0 or higher. When using react-native-reanimated 3.8.1 or older (tried with 3.6.2 also) swiping is smooth.

When swiping images, the image seems to come almost to the end of screen (~80% of the swipe) and then for a moment it jumps back and forth a bit, before positioning to the end of screen (end of swipe). It's hard to explain so please look at the attached videos below.

Steps to Reproduce

  1. Set up an Expo project with the latest version of react-native-awesome-gallery.
  2. Ensure that react-native-reanimated is updated to version 3.9.0 or higher.
  3. Implement a basic gallery view with multiple images to swipe through.
  4. Observe the swiping behavior.

Expected Behavior

Swiping between images should be smooth and seamless.

Actual Behavior

Swiping is buggy and does not provide a smooth experience.

Additional Information

No warnings or error messages are displayed. I am using Expo SDK 51 & expo-router 3.5 which requires reanimated library version >= 3.10 so downgrading to an older reanimated version is not an option.
I have also tried this in versions 3.11.0 which is also buggy and 3.8.1 which is not buggy.

Videos

react-native-reanimated@3.6.2 (example of smooth swiping)

3.6.2.mp4

react-native-reanimated@3.10.1 (example of jittery/buggy swiping)

3.10.1.mp4
jacobmolby commented

I don't think this lib has anything to do with it. From version 3.7 reanimated has become slow. We're stuck at 3.6 for the time being.

I already created an issue in their repo software-mansion/react-native-reanimated#5816

  • 👍5
pavelbabenko commented

@andrijanovakovic @jacobmolby
Could you try with reanimated v3.14 and reopen the issue if it still exists?

jacobmolby commented

I haven't tried directly with this lib, but the same issues occur in the new version as well software-mansion/react-native-reanimated#5816 (comment)