undefined is not an object (evaluating 'RNGestureHandlerModule.State'

Question

I have installed react-navigation in my React Native project. Its a starter project doesn\'t have any codes. But while running project I am facing

Answer 1

Uninstalled the app from the device and run the android project - react-native run-android and it worked fine

Answer 2

I get the same error on ios from RN v0.60

The following worked for me:

cd ios
pod install

Answer 3

First, remove node_modules and package-lock.json and run npm install. After installing the react-navigation package in your React Native project. You should install react-native-gesture-handler. If you’re using Expo you don’t need to do anything here, it’s included in the SDK. Otherwise:

npm install react-native-gesture-handler

And finally, link gesture dependency as:

react-native link react-native-gesture-handler

This answer based on the React Navigation document.

Answer 4

Execute the following commands in command prompt (Run as Administrator)

 npm install react-navigation
 npm install react-native-gesture-handler
 npm intstall
 react-native link

Re-Install the application will resolve the issue.

Answer 5

If you are using react-link to link your dependencies:

1. 0pen your ios Podfile and delete all yout linked dependencies: pod 'xxxxxxx', :path => '../node_modules/xxxxx
2. Close Xcode
3. In your /ios folder run "pod update"
4. In your project source run "react-native link"
5. Open Xcode and Clean Build Folder from Xcode Menu -> Product
6. Run your application from Xcode
7. Link manually the dependency "react-native-gesture-handler" into your Xcode Project following steps in documentation: https://facebook.github.io/react-native/docs/linking-libraries-ios
8. Now run your application from Xcode, you should be fine.

Answer 6

if you have done the above, it hasn't run yet, try this if you use Windows

cd android 

.\gradlew cleanBuildCache

and try running it

react-native run-android