TypeError: null is not an object (evaluating 'RNGestureHandlerModule.default.Direction')

Question

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. Pla

Answer 1

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.

Answer 2

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.

Answer 3

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

Fixed lines

import React from '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.

Answer 4

Try to add curly braces around createStackNavigator like so:

{ createStackNavigator }