Jerk while scrolling the carousel.

[kartik2653]

Describe the bug While implementing react-native-reanimated-carousel the manual scrolling is not working smoothly. It is giving jerk on scrolling. Actually, I have a carousel nested inside a scroll view, Scroll View is vertical while carousel is horizontal. When I Try to scroll the carousel, it gives jerks.

To Reproduce Create a new project. Inside a scroll view render the carousel.

https://github.com/dohooo/react-native-reanimated-carousel/assets/79095428/178f412b-5d2b-4fe6-b56f-e169bac5e032

Expected behavior Smooth transition between the item's id required.

Versions (please complete the following information):

• react: v18.0.0
• react-native: v0.69.0
• react-native-reanimated: v2.9.1
• react-native-reanimated-carousel: v3.3.2
• react-native-gesture-handler: v2.5.0

Smartphone (please complete the following information):

• Moto G 5G
• Android
• Browser [e.g. stock browser, safari]
• Version [e.g. 22]

Code Code: return (

( onClick(item)}> )} />

);

[developerchan1]

Hello @kartik2653. As mentioned at this issue https://github.com/dohooo/react-native-reanimated-carousel/issues/383, GestureHandlerRootView must be placed outside ScrollView and Carousel. Have you try it?

[harrymuliawan03]

Hello @kartik2653. As mentioned at this issue #383, GestureHandlerRootView must be placed outside ScrollView and Carousel. Have you try it?

i had the same issue, when i try to swipe its have same problem, in the expo app its normally, but when its build to apk and installed in android device the problem show.

[jerryphm]

I had the same problem, but it's only on android

[BlagojeV93]

Hello @kartik2653. As mentioned at this issue #383, GestureHandlerRootView must be placed outside ScrollView and Carousel. Have you try it?

Wraping the scrollview with GestureHandleRootView did the trick for me. I also had the issue on Android

[micaelol12]

@BlagojeV93 answer worked for me. Thanks!