Modal Issue when we use reanimated Carousal in the same screen on Android.

[manoj31567]

I have a React Native screen where I use a Gorham Bottom sheet modal containing a scanner. On the same screen, I have implemented the react-native-reanimated-carousel component. While interacting with the modal the modal schema is opening but the styles applied for the modal is neither visible nor accessible for that screen on Android but it works for IOS. When I remove the carousel component, the modal functions correctly.

What could be causing this issue, and how can I resolve it while keeping both the modal and the carousel component in the same screen?

React Native - 0.76.2
"@gorhom/bottom-sheet": "^5.0.5",
"react-native-reanimated-carousel": "^4.0.2",

[dosubot]

Hey @manoj31567! I'm here to help you with any bugs, questions, or contributions. Let's tackle this issue together!

A similar issue was reported where the carousel was not working in a modal on Android. The suggested solution was to wrap the Modal in a GestureHandlerRootView. This is necessary because a Modal on Android might be a new fragment or activity, which isn't included in the GestureHandlerRootView that the main application window is wrapped in. You might also want to refer to the documentation for usage with modals on Android from the react-native-gesture-handler library for additional guidance ^[1].

To continue talking to Dosu, mention @dosu.

---

^{Help Dosu learn! Give it feedback: Great Response | Irrelevant Answer | Incorrect Sources | Too Verbose | Hallucination | Bug Report | Other}

[chrisribal]

Same Problem here. A Modal beside the carousel on the same page is not rendered properly.