dohooo / react-native-reanimated-carousel

🎠 React Native swiper/carousel component, fully implemented using reanimated v2, support to iOS/Android/Web. (Swiper/Carousel)

https://react-native-reanimated-carousel.vercel.app

MIT License

2.72k stars 314 forks source link

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. #551

Open abdul-megadraws opened 6 months ago

abdul-megadraws commented 6 months ago

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.

bengoism commented 6 months ago

+1 .. I have the same issue

stoickeyboard commented 6 months ago

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

ckanissatran commented 5 months ago

@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?