Swipeable not working with react-navigation/native-stack

Description

Hello, I recently upgraded react-navigation v4 to v6 and my Swipeable gesture stopped working since then. After some manual git bisect I found that passing from @react-navigation/stack to @react-navigation/native-stack was the problem. I am using Android only so I don’t really know if it’s not working either for iOS.

Platforms

• iOS
• Android
• Web

Steps To Reproduce

1. Create main native stack + nested native stack
2. add a Swipeable to a screen inside that nested stack
3. Running on Expo android simulator works fine, but swipeable is not responding on real device

Snack or minimal code example

https://snack.expo.dev/@aqmebrak/swipeable-bug

Package versions

“react-native-screens”: “3.10.1”, “@react-navigation/native”: “^6.0.6”, “@react-navigation/routers”: “^6.1.0”, “@react-navigation/native-stack”: “^6.0.6”, “react-native-gesture-handler”: “1.10.3”, “react-native-safe-area-context”: “3.3.2”

• React: 17
• React Native: 0.64.3
• React Native Gesture Handler: 1.10.3
• React Native Reanimated: -

[j-piasecki]

Could you check if wrapping your app with GestureHandlerRootView solves the issue for you? It can be done like so:

+ import { gestureHandlerRootHOC } from 'react-native-gesture-handler';
...
- registerRootComponent(App);
+ registerRootComponent(gestureHandlerRootHOC(App));

[kmagiera]

Happy to hear that suggestion resolved the issue. I though that when no root view is present we detect that and show some special error, is that not the case @j-piasecki ?

Also, I understand we can consider this issue resolved, so it should be safe to close it.