[v4] | not working with native stack react navigation(Solved)

Bug

The bottom sheet was not a problem but the react-native-gesture-handler was.I just solved it by reinstalling gesture-handler…

When using the Bottom sheet with react-navigation’s “native stack”, the bottom Sheet is not draggable on android(Works fine on ios👍). But with a normal stack navigator, everything is fine.

with native stack:-

https://user-images.githubusercontent.com/68942390/130320716-b2883960-7398-447f-a094-4590d3501f2c.mp4

with normal stack:-

https://user-images.githubusercontent.com/68942390/130320769-e5ef7750-3435-4fd2-b60d-3ef5269025f4.mp4

Environment info

“@gorhom/bottom-sheet”: “^4.0.0-alpha.29”, “@react-navigation/native”: “^6.0.1”, “@react-navigation/native-stack”: “^6.1.0”, “react-native-reanimated”: “^2.2.0”, “react-native-gesture-handler”: “^1.10.3”, “@react-navigation/native”: “^6.0.1”,

Steps To Reproduce

1.use import { createNativeStackNavigator } from '@react-navigation/native-stack' const Stack = createNativeStackNavigator()

Describe what you expected to happen:

bottom sheet to work as expected

[U-OK]

Ok. guys, I solved this issue too. To solve this you need to wrap your BottomSheetMovalProvier in GestureHandlerRootView. In my case it’s look like that: I hope this help you

[NewvilleMedia]

I wish this worked