react-native-reanimated-carousel icon indicating copy to clipboard operation
react-native-reanimated-carousel copied to clipboard

On tapping the slider, the vertical scrolling for the screen is not working, resulting in a subpar user experience due to performance issues in the app.

Open abdul-megadraws opened this issue 1 year ago • 4 comments

I have banners on the home screen of my mobile app, implemented using the 'react-native-reanimated-carousel' npm package. The banners occupy 70% of the screen.I want the page to scroll down when I swipe vertically. However, the page is not scrolling, and it feels unresponsive, almost as if it's stuck.

abdul-megadraws avatar Feb 28 '24 09:02 abdul-megadraws

+1 .. I have the same issue

bengoism avatar Mar 07 '24 14:03 bengoism

+1

dgrahamlong avatar Mar 07 '24 16:03 dgrahamlong

Solution in #465 Fixed this for me. Add this to the carousel

onConfigurePanGesture={gestureChain => { gestureChain.activeOffsetX([-10, 10]) }}

Taken from commit https://github.com/dohooo/react-native-reanimated-carousel/commit/978b59f0f2d8a96fe1d1de1a1c9fb205fd051cfb

#125 is another related issue

dgrahamlong avatar Mar 07 '24 16:03 dgrahamlong

@stoickeyboard This causes a whiplash 50% of the time in my app when trying to swipe left/right -- not same behavior as panGestureHandlerProps

It feels like activeOffsetX is not quite correct.

Is it working the same for you?

ckanissatran avatar Mar 29 '24 22:03 ckanissatran