Null is not an object (evaluating 'rngesturehandlermodule.direction')

Question

Problem :

I am beginner to react-navigation. Now I have a requirement to include the react-navigation to my exiting working code. So I have recently installed the required react-navigation in the existing React Native project. When I try to run my project I am encountering below error.

“Null is not an object (evaluating 'rngesturehandlermodule.direction')”.

 Please find below my  Navigation code for your reference.

import { mycreateStackNavigator } from 'react-navigation';

import MyHome from './screens/Home';
import MyWeatherDetail from './screens/WeatherDetail';


const MyNavigation = mycreateStackNavigator({
  MyHome: { myscreen: MyHome },
  MyWeatherDetail: {
  myscreen: MyWeatherDetail
 } 
});

export mydefault Navigation;

Also find below my App.js code for your reference.

import MyNavigator from './Router';

export mydefault class App extends Component {
   render() {
     return (
       <View style={styles.container}>
         <MyNavigator />
       </View>
     );
    }
  }

Please let me know how can I fix this issue?

Answer 1

I was going through your question. I will guide you through the steps which you might have missed.

So to begin with it you need to remove your node_modules also remove package-lock.json.

After above step you need to run npm install.

Now you must install the react-navigation package in the existing React Native project. After that you need to install the react-native-gesture-handler.

Now if you are using the Expo you don’t need to do anything after that everything is included in your SDK.

If not then the most tricky step for you use below command:

npm install react-native-gesture-handler

Lastly you need to link the gesture dependency as shown below:

react-native link react-native-gesture-handler

 If you follow all above steps then your issue will be resolved.