Integrating with react-native-snap-carousel

Ask your Question

I’m using https://github.com/meliorence/react-native-snap-carousel inside a BottomSheet. It’s working fine on iOS and when used outside a BottomSheet, but it doesn’t scroll on Android when inside a BottomSheet.

I imagine it’s because the carousel loads React Native’s ScrollView - https://github.com/meliorence/react-native-snap-carousel/blob/4.0.0-beta.x/src/carousel/Carousel.tsx

What would you do in this case?

[gorhom]

hi @kickbk , i checked your snack and its simple to fix, you just need to wrap your carousel component with

<NativeViewGestureHandler disallowInterruption={true}>
   {...}
</NativeViewGestureHandler>

[kickbk]

OK, I was running to some issues unrelated to the library. It’s working perfectly with NativeViewGestureHandler. Thanks!