title: undefined is not an object (evaluating 'RNGestureHandlerModule.State'
body: <p>I have installed <em>react-navigation</em> in my <strong>React Native project</strong>. Its a starter project doesn't have any codes. But while running project I am facing error like this. </p>
  
  <p>Here is my Navigation code</p>
  
  <pre><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;
  </code></pre>
  
  <p>And here is the App.js codes</p>
  
  <pre><code> import Navigator from './Router';
  
  
   export default class App extends Component {
     render() {
       return (
         &lt;View style={styles.container}&gt;
           &lt;Navigator /&gt;
         &lt;/View&gt;
       );
      }
    }
  </code></pre>
  
  <p>If I remove the navigator component from the App.js and replace it with a <strong>Text</strong> the application runs without any error. </p>