Android 'react-native-gesture-handler' error

Question

When I follow the instruction by the react-navigation website : https://reactnavigation.org/docs/en/getting-started.html.

react-native link react-native-gesture-handler

and then change the MainActivity.java like it asks.

Then run react-native run-android, and error pop up : error React Native CLI uses autolinking for native dependencies, but the following modules are linked manually:

react-native-gesture-handler (to unlink run: "react-native unlink react-native-gesture-handler") This is likely happening when upgrading React Native from below 0.60 to 0.60 or above. Going forward, you can unlink this dependency via "react-native unlink " and it will be included in your app automatically. If a library isn't compatible with autolinking, disregard this message and notify the library maintainers. my react-native version : react-native-cli: 2.0.1 react-native: 0.60.0

However, when I follow the instruction, to unlink the library use : react-native unlink react-native-gesture-handler

The app successfully built, but now it pops up another error in the app : null is not an object (evaluating 'rngesturehandlermodule.direction')

I tried a lot of solution in a lot of websites, like undefined is not an object (evaluating 'RNGestureHandlerModule.State'

non of them is working for me

Did you run pod install . After react native version 0.60 you do not have to run react-native link but still you have to run pod-install command after you install the library using npm/yarn . AutoLinking .Please run pod install and then check again — Mehran Khan
Does this answer your question? undefined is not an object (evaluating 'RNGestureHandlerModule.State' — Vishal Dhanotiya

Harsh Panchal Harsh Panchal · Accepted Answer · 2019-07-08T07:11:43

Looks like this is to do with the new autolinking feature in RN 0.60.

For iOS

To fix for now just add the following podspec for RNGesureHandler to ios/Podfile

pod 'RNGestureHandler', :podspec => '../node_modules/react-native-gesture-handler/RNGestureHandler.podspec'

Then in the ios directory run pod install to install it.

For Android

Path: android/app/src/main/java/com/projectname/MainApplication.java

import com.swmansion.gesturehandler.react.RNGestureHandlerPackage;
....
protected List<ReactPackage> getPackages() {
        // Add additional packages you require here
        // No need to add RnnPackage and MainReactPackage
        return Arrays.<ReactPackage>asList(
            ....
            new RNGestureHandlerPackage()
        );
    }

Have a good day.

Android 'react-native-gesture-handler' error

4 Answers