null is not an object ( evaluating 'RNGestureHandlerModule.default.Direction') #676

mohammad-yousuf · 2019-07-08T04:04:50Z

I'm having this issue in Android with react-nagivation and react-native-gesture-handler latest release. kindly help

mohammad-yousuf · 2019-07-09T00:35:15Z

please tell solution for android windows.

On Mon, 8 Jul 2019, 3:54 p.m. Yasir KAVRAŞ, ***@***.***> wrote: Hello, 1 - yarn add react-navigation 2 - yarn add react-native-gesture-handler 3 - cd ios/ 4 - pod install 5 - cd .. 6 - react-native run-ios and react-native run-android — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#676>, or mute the thread <https://github.com/notifications/unsubscribe-auth/ALAPVJHCAPBRJGN37JN7MKDP6MME5ANCNFSM4H6XUVLQ> .

SeaMoonTime · 2019-07-09T08:09:22Z

I have the same questions.

SeaMoonTime · 2019-07-09T08:18:16Z

In 0.60, this is an awful bug. Please solve it as soon as possible.

har2008preet · 2019-07-09T13:07:22Z

pod install on ios folder works for me

cd ios
pod install

m2mathew · 2019-07-09T13:54:09Z

This worked. Thanks, @har2008preet! 🚀

pod install on ios folder works for me
cd ios
pod install

dangtienngoc · 2019-07-10T00:47:12Z

How resolve it on Android and Window system.

SeaMoonTime · 2019-07-10T00:58:26Z

it works well in iOS, but still fail to run in Android. Who can tell me how to solve the bug in Android?

dangtienngoc · 2019-07-10T01:58:34Z

I run my app on Android successfully with react-native-gesture-handler

I disable autoliking
Using jetify to fix Android X in this time.

MrHazimAli · 2019-07-10T03:10:14Z

@dangtienngoc , can you help how to use jetify to fix android X?

dangtienngoc · 2019-07-10T04:38:31Z

@dangtienngoc , can you help how to use jetify to fix android X?

You can check it here: https://github.com/mikehardy/jetifier

dangtienngoc · 2019-07-10T05:20:04Z

@MrHazimAli I do a video my step resolve issue here:

For Android: https://youtu.be/NcQhDlC7hT8
For IOS:
-- cd ios
-- pod install

MrHazimAli · 2019-07-10T07:31:11Z

thanks @dangtienngoc , working!

SeaMoonTime · 2019-07-10T08:08:04Z

thanks @dangtienngoc , it works!!!!

0xinhua · 2019-07-10T09:15:20Z

many thanks for your video. @dangtienngoc , I use jetifier It was been build successful.
A anoter error in emulator :
TypeError: null is not an object (evaluating '_RNGestureHandlerModule.default.createGestureHandler') This error is located at in PanGestureHandler (at StackViewLayout.tsx:372)
Any solutions?

meraklis56 · 2019-07-10T09:41:32Z

In [email protected] it doesn't work. I still get the same error, even after jetify "null is not an object ( evaluating 'RNGestureHandlerModule.default.Direction')"

0xinhua · 2019-07-10T12:12:47Z

@meraklis56 try to commenting this line:

// export { default as Directions } from './Directions';

in the your project -> node_modules -> react-native-gesture-handler -> GestureHandler.js

Good luck.

meraklis56 · 2019-07-10T14:22:16Z

Now the error is:

07-10 16:20:38.993 16011 16348 E ReactNativeJS: null is not an object (evaluating '_RNGestureHandlerModule.default.handleSetJSResponder')
07-10 16:20:39.067 16011 16348 E ReactNativeJS: null is not an object (evaluating '_RNGestureHandlerModule.default.handleClearJSResponder')

dangtienngoc · 2019-07-10T14:57:39Z

In [email protected] it doesn't work. I still get the same error, even after jetify "null is not an object ( evaluating 'RNGestureHandlerModule.default.Direction')"

[email protected] not support android X yet, check your react native cli

^2.0.0 => ^0.60.0
^1.0.0 => ^0.59.0

Because react native cli ^2.0.0 support auto linking module

GeronimoKTT · 2019-07-10T16:20:12Z

In [email protected] it doesn't work. I still get the same error, even after jetify "null is not an object ( evaluating 'RNGestureHandlerModule.default.Direction')"

Remove this modification: // export { default as Directions } from './Directions';

And if you specified something in your "react-native.config.js", remove it.

add these lines in your MainActivity.java:
import com.facebook.react.ReactActivityDelegate;
import com.facebook.react.ReactRootView;
import com.swmansion.gesturehandler.react.RNGestureHandlerEnabledRootView;

And add this inside the MainActivity class, just after protected String getMainComponentName() function
@Override
protected ReactActivityDelegate createReactActivityDelegate() {
return new ReactActivityDelegate(this, getMainComponentName()) {
@Override
protected ReactRootView createRootView() {
return new RNGestureHandlerEnabledRootView(MainActivity.this);
}
};
}

And after that do:
cd android
gradlew clean
cd ..

Then do the usual: react-native run-android, and give me the output.
Good luck.

petkir · 2019-07-10T22:20:57Z

please check your MainApplication.java
with react-native 0.60 looks like:

@Override
protected List<ReactPackage> getPackages() {
      @SuppressWarnings("UnnecessaryLocalVariable")
      List<ReactPackage> packages = new PackageList(this).getPackages();
      return packages;
}

if you do not use Autolink function this package will not added try to add

... 
List<ReactPackage> packages = new PackageList(this).getPackages();
packages.add(new RNGestureHandlerPackage() );
return packages

and don't forget the import
import com.swmansion.gesturehandler.react.RNGestureHandlerPackage;

Please give feedback if it works

HeWenKe · 2019-07-11T04:17:40Z

I installed the new version yesterday, using this

show. same error ,it is not good to follow the method provided below and keep reporting errors. who can help me ?thinksyou waiting for this , dependencies: "dependencies": { "react": "16.8.6", "react-native": "0.60.0", "react-native-gesture-handler": "^1.3.0", "react-navigation": "^3.11.0" },

HeWenKe · 2019-07-11T04:20:22Z

Has this problem been solved? I made the same mistake as ios.

meraklis56 · 2019-07-11T07:38:50Z

@GeronimoKTT

In [email protected] it doesn't work. I still get the same error, even after jetify "null is not an object ( evaluating 'RNGestureHandlerModule.default.Direction')"

Remove this modification: // export { default as Directions } from './Directions';

And if you specified something in your "react-native.config.js", remove it.

add these lines in your MainActivity.java:
import com.facebook.react.ReactActivityDelegate;
import com.facebook.react.ReactRootView;
import com.swmansion.gesturehandler.react.RNGestureHandlerEnabledRootView;

And add this inside the MainActivity class, just after protected String getMainComponentName() function
@Override
protected ReactActivityDelegate createReactActivityDelegate() {
return new ReactActivityDelegate(this, getMainComponentName()) {
@Override
protected ReactRootView createRootView() {
return new RNGestureHandlerEnabledRootView(MainActivity.this);
}
};
}

And after that do:
cd android
gradlew clean
cd ..

Then do the usual: react-native run-android, and give me the output.
Good luck.

I failed to mention that I am using React-Native-Navigation thus, according to installing guides I should ignore those steps and wrap every screen component using gestureHandlerRootHOC on the JS side, instead. The moment I am just importing the react-native-gesture-handler, i get the aforementioned error.

GeronimoKTT · 2019-07-11T11:29:41Z

Ok, which version of react-native-gesture-handler are you using?

meraklis56 · 2019-07-11T12:56:20Z

"react": "^16.8.6",
"react-native": "^0.59.10",
"react-native-gesture-handler": "^1.3.0"

GeronimoKTT · 2019-07-11T14:56:38Z

Ok, can I have a look to your MainApplication.java, build.gradle (from app/) and your react-native.config.js (if you have one)

mohammad-yousuf · 2019-07-11T17:47:04Z

Finally, I quit React Native. Either you can waste your time fixing bugs or you can make your project, it's on your luck.

mohammad-yousuf · 2019-07-11T17:48:44Z

Facebook should spare some time on fixing RN for windows, not everyone uses a mac.

bailer · 2019-07-11T17:48:52Z

For iOS I had to manually add this to the Podfile pod 'RNGestureHandler', :podspec => '../node_modules/react-native-gesture-handler/RNGestureHandler.podspec' and then run pod install for it to work

agorf · 2019-07-11T21:23:32Z

Running react-native unlink react-native-gesture-handler plus what @GeronimoKTT suggested is the only thing that worked for me on Android (React Native 0.60)

My woes were caused by following the installation instructions of React Navigation which seem to be outdated for RN 0.60

aabreu · 2020-02-28T01:32:03Z

In my case use_native_modules! was missing from my Podfile, that will make pod install to install the missing module(s)

Frends23 · 2020-02-28T02:13:29Z

This worked for me
npm install --save react-native-gesture-handler
react-native link
Again
cd ios
pod install

cjayprime · 2020-03-09T10:17:52Z

As it turned out all I needed was a gradle clean (./gradlew clean) and then copying the "\android\app\build\outputs\apk\debug\app-debug.apk" manually into the device and installing (also manually) and all errors vanished.

cjayprime · 2020-03-09T10:18:36Z

In case anyone needs the versions:
"dependencies": {
"react": "16.9.0",
"react-native": "0.61.4",
"react-dom": "~16.9.0",
"react-native-gesture-handler": "~1.5.0",
"react-native-safe-area-context": "0.6.0",
"react-native-screens": "2.0.0-alpha.12",
"react-native-web": "~0.11.7",
"@react-native-community/datetimepicker": "^2.2.3",
"@react-native-community/masked-view": "0.1.5",
"@react-navigation/bottom-tabs": "^5.0.0",
"@react-navigation/native": "^5.0.0",
"@react-navigation/stack": "^5.0.0",
"@react-navigation/web": "~1.0.0-alpha.9"
},
"devDependencies": {
"@babel/core": "^7.6.2",
"@babel/runtime": "^7.6.2",
"@react-native-community/eslint-config": "^0.0.5",
"babel-jest": "^24.9.0",
"eslint": "^6.5.1",
"jest": "^24.9.0",
"metro-react-native-babel-preset": "^0.56.0",
"react-test-renderer": "16.9.0"
},

kasaiee · 2020-03-09T17:49:46Z

@MrHazimAli I do a video my step resolve issue here:

For Android: https://youtu.be/NcQhDlC7hT8

For IOS:
-- cd ios
-- pod install

video link expired!

KunchalaSai789 · 2020-03-11T06:53:00Z

Just close the terminal and delete the app and run it again it will do it.

Macilias · 2020-03-11T07:54:07Z

Just close the terminal and delete the app and run it again it will do it.

how do you want to run a deleted app?
I suppose you mean a clean build. I did it multiple times, also with deleting node_modules and caches.
Non of it helped :(

ruyneto · 2020-03-13T18:01:17Z

This happens to me after installed React Navigation with the Android Simulator opened before.

So...I've

1 - finished the process

2- deleted the App in Simulator

3 - run npx react-native run-android again,

worked.

Maybe React cannot update his new deps on an old installed App?

Ben-Malik · 2020-03-20T20:48:19Z

If you get this error on iOS but the android version works fine, Do this:

Go to node_modules > react-native-gesture-handler > GestureHandler.js.
In there, comment this line:
export { default as Directions } from './Directions';

And there you go!!!

gabrielbauer · 2020-03-26T05:43:13Z

@Override
protected ReactActivityDelegate createReactActivityDelegate() {
return new ReactActivityDelegate(this, getMainComponentName()) {
@Override
protected ReactRootView createRootView() {
return new RNGestureHandlerEnabledRootView(MainActivity.this);
}
};
}

You're my hero!

peguimasid · 2020-03-26T23:31:27Z

i trying to fix this for 4 hours, if you are running in mac and try to use the ios simulator ty to do this:

cd ios
pod install

but after this restart the server and i think is gonna works, just like work for me

BisratYalew · 2020-03-28T18:17:17Z

I am using "react-native": "0.61.5"
I am working on ubuntu 18.04
I fixed the issue on my android emulator by following the steps mentioned below

Make sure you follow steps for the version you are using (React Native 0.61.5 and lower in my case)

Delete/Remove your node_modules directory
rm -rf node_modules
Install your dependencies again
If you are using Yarn $ yarn or npm install if you are using npm
Clean your Gradle
I followed below steps for that:

cd android
./gradlew clean
cd ..
react-native run-android

Good Luck, These steps worked for me

whitecodel · 2020-04-07T03:20:18Z

I am using "react-native": "0.61.5"
I am working on ubuntu 18.04
I fixed the issue on my android emulator by following the steps mentioned below

Make sure you follow steps for the version you are using (React Native 0.61.5 and lower in my case)

Delete/Remove your node_modules directory
rm -rf node_modules

Install your dependencies again
If you are using Yarn $ yarn or npm install if you are using npm

Clean your Gradle
I followed below steps for that:

cd android
./gradlew clean
cd ..
react-native run-android

Good Luck, These steps worked for me

thanks this trick work for me

BisratYalew · 2020-04-09T11:37:43Z

thanks this trick work for me

I am glad it worked for you!

overwatchh · 2020-04-20T16:11:12Z

@meraklis56 try to commenting this line:

// export { default as Directions } from './Directions';

in the your project -> node_modules -> react-native-gesture-handler -> GestureHandler.js

Good luck.

Thank you. It worked for me.

jakub-gonet · 2020-07-24T14:59:11Z

https://reactnavigation.org/docs/troubleshooting#im-getting-an-error-null-is-not-an-object-evaluating-rngesturehandlermoduledefaultdirection

This may help some people out there.

Please provide link repo with reproduction example, we can't take any sensible action with only this screenshot.

jakub-gonet · 2020-07-25T13:42:49Z

Duplicate of #494.

naveedahmed986 · 2020-09-25T17:53:27Z

In [email protected] it doesn't work. I still get the same error, even after jetify "null is not an object ( evaluating 'RNGestureHandlerModule.default.Direction')"

Remove this modification: // export { default as Directions } from './Directions';

And if you specified something in your "react-native.config.js", remove it.

add these lines in your MainActivity.java:
import com.facebook.react.ReactActivityDelegate;
import com.facebook.react.ReactRootView;
import com.swmansion.gesturehandler.react.RNGestureHandlerEnabledRootView;

And add this inside the MainActivity class, just after protected String getMainComponentName() function
@Override
protected ReactActivityDelegate createReactActivityDelegate() {
return new ReactActivityDelegate(this, getMainComponentName()) {
@Override
protected ReactRootView createRootView() {
return new RNGestureHandlerEnabledRootView(MainActivity.this);
}
};
}

And after that do:
cd android
gradlew clean
cd ..

Then do the usual: react-native run-android, and give me the output.
Good luck.

I was facing the same issue on Android 9 with

"@react-native-community/masked-view": "^0.1.10",
"@react-navigation/drawer": "^5.9.1",
"@react-navigation/native": "^5.7.4",
"react": "16.13.1",
"react-native": "0.63.2",
"react-native-gesture-handler": "^1.8.0",
"react-native-reanimated": "^1.13.1",
"react-native-safe-area-context": "^3.1.8",
"react-native-screens": "^2.11.0"

And this solution worked for me. Thanks a million!

mariohmol · 2020-09-25T22:04:11Z

Hi, i'm still facing this issue, the message is slightly different (instead of null is undefined)

TypeError: undefined is not an object (evaluating '_RNGestureHandlerModule.default.Direction')

hamdirhibi · 2020-10-03T13:08:47Z

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)

jagtarsingh1232 · 2020-10-12T05:18:22Z

Hi, i'm still facing this issue,

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

and this is setting.gradle

rootProject.name = 'Something'
apply from: file("../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesSettingsGradle(settings)
include ':app'

jagtarsingh1232 · 2020-10-12T05:34:26Z

Hi, i'm still facing this issue,

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

My ------- setting.gradle
rootProject.name = 'some'
apply from: file("../node_modules/@react-native-community/cli-platform-android/native_modules.gradle"); applyNativeModulesSettingsGradle(settings)
include ':app'

liltrendi · 2020-10-25T09:28:41Z

I was on a physical Android device debugging over Wi-Fi, the following solution worked for me:

Delete the installed app from your device.
Run cd android; ./gradlew clean from your project.
Reinstall the app react-native run-android on your device.
A server should have been started, open your installed up and it should run fine.

Hope this helps!

sulsanaul · 2020-11-10T22:25:09Z

If you get this error on iOS but the android version works fine, Do this:

Go to node_modules > react-native-gesture-handler > GestureHandler.js.

In there, comment this line:
export { default as Directions } from './Directions';

And there you go!!!

Worked for me. Not sure what it'll break down the line though...

lung2008123 · 2020-11-15T10:32:19Z

This worked for me
npm install --save react-native-gesture-handler
react-native link
Again
cd ios
pod install

This ios solution works for me!

My project hasn't utilizing 'react-native-gesture-handler', but it solves the bug. My best guess is the error could be from 'react-native-gesture-handler' implicitly required by 'react-native-navigation' - after a few dependency upgrades / downgrades / pod deintegrate / fixes in ios .xcworkspace, this could happen.

For dear Android dev fellows, try to reinstall 'react-native-gesture-handler' maybe?

daydreaminblue · 2020-11-20T16:12:42Z

if none of answers worked, just assume that you must :
remove react-native-cli package globally (if you started project with npx react-native init)
and delete system gradle cache (for windows : C:\Users \ [username] \ .gradle\caches)
then rebuild the app (for android :use gradlew command in android folder and in root npx react-native run android)

LHDi · 2020-12-29T16:25:30Z

for android, I just installed jetifier as a dev-dep it worked for me.

jakub-gonet · 2020-12-29T17:22:53Z

Closing due to spam. If you still experience this problem, open a new issue with the reproducible example.

jakub-gonet closed this as completed Jul 24, 2020

software-mansion locked and limited conversation to collaborators Dec 29, 2020

null is not an object ( evaluating 'RNGestureHandlerModule.default.Direction') #676

null is not an object ( evaluating 'RNGestureHandlerModule.default.Direction') #676

Comments

mohammad-yousuf commented Jul 8, 2019

mohammad-yousuf commented Jul 9, 2019 via email

SeaMoonTime commented Jul 9, 2019

SeaMoonTime commented Jul 9, 2019

har2008preet commented Jul 9, 2019

m2mathew commented Jul 9, 2019

dangtienngoc commented Jul 10, 2019

SeaMoonTime commented Jul 10, 2019

dangtienngoc commented Jul 10, 2019

MrHazimAli commented Jul 10, 2019

dangtienngoc commented Jul 10, 2019

dangtienngoc commented Jul 10, 2019 • edited Loading

MrHazimAli commented Jul 10, 2019

SeaMoonTime commented Jul 10, 2019

0xinhua commented Jul 10, 2019

meraklis56 commented Jul 10, 2019

0xinhua commented Jul 10, 2019 • edited Loading

meraklis56 commented Jul 10, 2019

dangtienngoc commented Jul 10, 2019

GeronimoKTT commented Jul 10, 2019 • edited Loading

petkir commented Jul 10, 2019

HeWenKe commented Jul 11, 2019

HeWenKe commented Jul 11, 2019

meraklis56 commented Jul 11, 2019

GeronimoKTT commented Jul 11, 2019

meraklis56 commented Jul 11, 2019

GeronimoKTT commented Jul 11, 2019

mohammad-yousuf commented Jul 11, 2019

mohammad-yousuf commented Jul 11, 2019

bailer commented Jul 11, 2019

agorf commented Jul 11, 2019 • edited Loading

aabreu commented Feb 28, 2020

Frends23 commented Feb 28, 2020

cjayprime commented Mar 9, 2020

cjayprime commented Mar 9, 2020

kasaiee commented Mar 9, 2020

KunchalaSai789 commented Mar 11, 2020

Macilias commented Mar 11, 2020 • edited Loading

ruyneto commented Mar 13, 2020 • edited Loading

Ben-Malik commented Mar 20, 2020 • edited Loading

gabrielbauer commented Mar 26, 2020

peguimasid commented Mar 26, 2020 • edited Loading

BisratYalew commented Mar 28, 2020

whitecodel commented Apr 7, 2020

BisratYalew commented Apr 9, 2020

overwatchh commented Apr 20, 2020

jakub-gonet commented Jul 24, 2020

jakub-gonet commented Jul 25, 2020

naveedahmed986 commented Sep 25, 2020

mariohmol commented Sep 25, 2020

hamdirhibi commented Oct 3, 2020 • edited Loading

jagtarsingh1232 commented Oct 12, 2020 • edited Loading

jagtarsingh1232 commented Oct 12, 2020

liltrendi commented Oct 25, 2020

sulsanaul commented Nov 10, 2020

lung2008123 commented Nov 15, 2020

daydreaminblue commented Nov 20, 2020 • edited Loading

LHDi commented Dec 29, 2020

jakub-gonet commented Dec 29, 2020

dangtienngoc commented Jul 10, 2019 •

edited

Loading

0xinhua commented Jul 10, 2019 •

edited

Loading

GeronimoKTT commented Jul 10, 2019 •

edited

Loading

agorf commented Jul 11, 2019 •

edited

Loading

Macilias commented Mar 11, 2020 •

edited

Loading

ruyneto commented Mar 13, 2020 •

edited

Loading

Ben-Malik commented Mar 20, 2020 •

edited

Loading

peguimasid commented Mar 26, 2020 •

edited

Loading

hamdirhibi commented Oct 3, 2020 •

edited

Loading

jagtarsingh1232 commented Oct 12, 2020 •

edited

Loading

daydreaminblue commented Nov 20, 2020 •

edited

Loading