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

Question

I am creating a login system with react-native, after downloading the "react-native-gesture-handler" dependencies: "^ 1.1.0" and "react-navigation": "^ 3.5.1" began to appear the following message error:

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

I tried to delete the project and reface it, delete and reinstall the node_modules folder and reinstall the dependencies, but nothing worked.

score 9 · Answer 1 · edited Jun 20 '20 at 09:12

9

I had the same issue. I then installed react-navigation & react-native-gesture-handler step by step as follows:

Steps :

Remove node_modules and package-lock.json
npm install
npm install --save react-navigation
npm install --save react-native-gesture-handler
react-native link

You can find the original answer here

edited Jun 20 '20 at 09:12

Community

1
1

answered Apr 11 '19 at 07:06

Pranav Karnik

3,318
3
35
47

score 9 · Answer 2 · answered Oct 29 '19 at 01:08

9

cd into the ios subdirectory of your project and run pod install.

answered Oct 29 '19 at 01:08

Andrew Koster

1,550
1
21
31

Muhammed Ozdogan · Answer 3 · 2020-04-19T13:37:48.483

8

Stop the metro bundler with Ctrl+C from terminal.
Run again metro bundler: npx react-native start
Run again the build command npx react-native run-android

Building process maybe take a few minutes.

edited Apr 19 '20 at 13:37

answered Apr 02 '20 at 18:17

Muhammed Ozdogan

5,341
8
32
53

score 2 · Answer 4 · edited Apr 26 '20 at 15:50

2

I was facing this on Android.

All I did is:

cd android
gradlew clean
closed metro bundler
react-native run-android

solved my issue

edited Apr 26 '20 at 15:50

Paolo

20,112
21
72
113

answered Apr 26 '20 at 15:11

Sanan Ali

2,349
1
24
34

score 1 · Answer 5 · answered Dec 17 '19 at 17:24

1

I had this issue, and just restarted the Metro Bundler and iOS emulator. It seemed to work when I restarted them.

answered Dec 17 '19 at 17:24

Ben Butterworth

22,056
10
114
167

score 1 · Answer 6 · answered Dec 30 '19 at 06:01

1

For android,

1--> cd android/

2--> ./gradlew clean

3--> cd ../

4--> Run your project now

I don't know is this an exact answer? But it works for me.

answered Dec 30 '19 at 06:01

Md. Robi Ullah

1,703
3
20
32

score 1 · Answer 7 · edited Aug 24 '20 at 08:35

1

Please first run this command in terminal :

npm uninstall react-native-gesture-handler --save

Second :

npm install react-native-gesture-handler --save

Third :

react-native link react-native-gesture-handler

Forth :

npm start

Finally, this is work.

edited Aug 24 '20 at 08:35

Mostafa Norzade

1,578
5
24
40

answered Feb 09 '20 at 23:25

Seyed Mostafa Hasani

63
9

after link liked you said, i got another error: requireNativeComponent:"RNCSafeAreaView" was not found in the UIManager – Alone Nascimento Feb 12 '20 at 11:35
1

Now you do this works => 1:npm nuinstall react-native-safe-area-context --save , 2: npm install react-native-safe-area-context --save , 3: react-native link react-native-safe-area-context , 4: npm start. :)) – Seyed Mostafa Hasani Feb 12 '20 at 12:09

score 1 · Answer 8 · answered Apr 03 '20 at 17:02

I had got the same error on ios from react-native v0.59.9. The following solution works for me.

npm i react-native-gesture-handler
react-native link react-native-gesture-handler
cd ios && pod install && cd ..
react-native run-ios

tip: react-native support autolinking from v0.60.0

score 1 · Answer 9 · answered May 13 '20 at 00:18

1

I had this problem, I solved it using npm instead of yarn.

answered May 13 '20 at 00:18

Darlan Costa

11
3

score 1 · Answer 10 · answered Jun 17 '20 at 15:05

1

You need to re-run your application every time you install a new dependency via npm. close app then run npx react-native run-android

answered Jun 17 '20 at 15:05

reda benlahsen

29
7

score 1 · Answer 11 · answered Jul 11 '20 at 09:23

1

All I did was :

restart metro server: ctrl+c then yarn start
react-native run-android // basically reinstalling the project after installing react-navigation

answered Jul 11 '20 at 09:23

Sayanta Bhattacharjee

7
2

score 0 · Answer 12 · answered Jun 23 '19 at 16:57

I have same error but it solve by create file separate file for Navigation File with name "MainNavigator.js"

import { createStackNavigator, createAppContainer } from 'react-navigation'; 
import HomeScreen from '../screen/Home';
import DetailsScreen from '../screen/Details';

    const RootStack = createStackNavigator({
        Home: HomeScreen,
        Details: DetailsScreen,
    }, {
        initialRouteName: 'Home',
    }
    );


const AppContainer = createAppContainer(RootStack);

export default AppContainer;

And Use it in App.js file with following code

import React from 'react';
import RootNavigator from './js/navigation/MainNavigator';
class App extends React.Component {
    render() {
        return <RootNavigator />
    }
}
export default App;

score 0 · Answer 13 · answered Oct 03 '20 at 13:09

if you are using android try this solution : go to : /android/settings.gradle there was string: project(':react-native-gesture-handler').projectDir = new File(rootProject.projectDir, '..\node_modules\react-native-gesture-handler\android')

tro to change it with : project(':react-native-gesture-handler').projectDir = new File(rootProject.projectDir, '..\node_modules\react-native-gesture-handler\android') source : #494 (comment)

score 0 · Answer 14 · answered Apr 26 '21 at 18:14

0

npx pod-install should do the trick for you.

answered Apr 26 '21 at 18:14

codeoholic

324
1
2

score 0 · Answer 15 · answered Jun 23 '21 at 17:36

If you are on react-native version 0.59.10 try these steps for ios:

Change in package.json "react-native-gesture-handler": "1.1.1"
npx react-native link --platforms ios
Open Xcode and on top where it shows the library > iphone or whatever device your building for, change library to point to RNGestureHandler and run that separately and ensure that builds fine. Then switch back to your project and run/build that.
May not be related but I also had to manually build RN screens.

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

15 Answers15