PanGestureHandler must be used as a descendant of GestureHandlerRootView

[kaiyes]

Hi,

On Latest react native 71.7 & react navigation 6x packages, I get this error. Was working fine on react native 67 & navigation 5x packages. Any info on that ?

[vmsilva]

same problem here!

"expo": "~48.0.9",
"expo-splash-screen": "~0.18.1",
"expo-status-bar": "~1.4.4",
"react": "18.2.0",
"react-native": "0.71.4",

"@config-plugins/react-native-google-cast": "^4.0.0",
"@expo/vector-icons": "^13.0.0",
"@gorhom/bottom-sheet": "^4",
"@react-native-async-storage/async-storage": "^1.17.11",
"@react-native-community/netinfo": "^9.3.7",
"@react-native-community/slider": "^4.4.0",
"@react-navigation/bottom-tabs": "^6.5.7",
"@react-navigation/drawer": "^6.5.7",
"@react-navigation/material-bottom-tabs": "^6.2.15",
"@react-navigation/native": "^6.1.6",
"@react-navigation/stack": "^6.3.11",
"@unform/mobile": "^2.1.6",
"axios": "^1.2.3",
"deprecated-react-native-prop-types": "^4.0.0",
"expo-av": "^13.2.1",
"expo-font": "^11.0.1",
"expo-image-picker": "^14.1.1",
"expo-screen-orientation": "^5.0.1",
"expo-tracking-transparency": "^3.0.1",
"expo-updates": "~0.16.4",
"lottie-ios": "3.4.1",
"lottie-react-native": "^5.1.4",
"react-dom": "16.3.0",
"react-native-device-info": "^10.3.0",
"react-native-fast-image": "^8.6.3",
"react-native-gesture-handler": "^2.9.0",
"react-native-google-cast": "^4.6.2",
"react-native-linear-gradient": "^2.6.2",
"react-native-material-tabs": "^4.2.0",
"react-native-md5": "^1.0.0",
"react-native-navigation-bar-color": "^2.0.2",
"react-native-notifier": "^1.9.0",
"react-native-pager-view": "^6.1.4",
"react-native-paper": "4.12.1",
"react-native-reanimated": "^3.1.0",
"react-native-redash": "^18.1.0",
"react-native-responsive-screen": "^1.4.2",
"react-native-safe-area-context": "^4.5.2",
"react-native-screens": "^3.20.0",
"react-native-snap-carousel": "^3.9.1",
"react-native-svg": "13.4.0",
"react-native-tab-view": "^3.5.1",
"react-native-vector-icons": "^9.2.0",
"react-native-webview": "11.23.1",
"react-navigation": "^4.4.4",
"styled-components": "^5.3.6",
"typescript": "^4.9.4",
"yup": "^0.32.11",
"react-native-onesignal": "^4.5.1"

[vineelk8]

Having the same issue with the below packages versions

"react-native": "0.71.8",
"react-native-notifier": "^1.9.0",
And react-navigation with 6x.

[danielroccha]

Same Issue here, any updates ?

[fidelsam1992]

Make sure to wrap your App with

import { GestureHandlerRootView } from "react-native-gesture-handler";
import { NotifierWrapper } from "react-native-notifier";

return (
<GestureHandlerRootView style={{ flex: 1 }}>
  <NotifierWrapper>
              {/* App */}
  </NotifierWrapper>
</GestureHandlerRootView>
)

[seniv]

Hello,
This part was covered in the installation guide of Gesture Handler: https://docs.swmansion.com/react-native-gesture-handler/docs/installation#js

And as in @fidelsam1992's example, make sure that you place NotifierWrapper inside GestureHandlerRootView, not above

[stale]

This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.