Typeerror: Null Is Not An Object (evaluating 'rngesturehandlermodule.default.direction')

I have problem with module 'react-navigation-stack' I've written the same code from https://facebook.github.io/react-native/docs/navigation#react-navigation. Platform: Android. OS:

Solution 1:

How I have solved the RNGestureHandlerModule.default.Direction error:

1. be sure that you put that import at the top of your entry point script file

   import'react-native-gesture-handler';
   

2. clean Gradle

   cd ./android && ./gradlew clean && cd ..
   

3. start the Android app with

   react-native run-android --verbose

and be sure this you see that line in bundler logs:

> Task :react-native-gesture-handler:compileDebugJavaWithJavac

if you do not see it it looks like bundle did not link react-native-gesture-handler to your app.

Especially check 1) if you have a monorepo with a mobile version index.js|tsx in one package and the whole app in another - import should be added at the top of the mobile entry point script.

Solution 2:

Try to add curly braces around createStackNavigator like so:

{ createStackNavigator }

Solution 3:

this is the fixed app. https://snack.expo.io/@whitedragon226/stackdemo

Fixed lines

importReactfrom'react';

and add some dependencies

...
    "react-native-screens": "^1.0.0-alpha",
    "react-native-gesture-handler": "^1.0.0"

this doc is may help you.

Solution 4:

I think it's bug or I don't know. After all of action from https://reactnavigation.org/docs/en/getting-started.html You need reinstall application in your device. I hope it's work for you.