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 error like this.

Here is my Navigation code

import { createStackNavigator } from 'react-navigation';  import Home from './screens/Home'; import WeatherDetail from './screens/WeatherDetail';   const Navigation = createStackNavigator({   Home: { screen: Home },   WeatherDetail: {   screen: WeatherDetail  }  });  export default Navigation; 

And here is the App.js codes

 import Navigator from './Router';    export default class App extends Component {    render() {      return (        <View style={styles.container}>          <Navigator />        </View>      );     }   } 

If I remove the navigator component from the App.js and replace it with a Text the application runs without any error.

Answer 1

1. remove node_modules and package-lock.json
2. npm install
3. npm install --save react-navigation
4. npm install --save react-native-gesture-handler
5. react-native link