react-navigation 3.x versions of installation and react-native-gesture-handler configuration

First, install dependencies, or yarn using npm command, must be installed version 3.x react-native-gesture-handler

react-navigation
react-native-gesture-handler

Second, the configuration react-native-gesture-handler, execute the following command

react-native link react-native-gesture-handler

android execute this command, sometimes no effect, you need to check to verify

• View android / settings.gradle
• View android / app / build.gradle
• View android / app / src / main / java / com / projectname / MainActivity.java and MainApplication.java

//settings.gradle
include ':react-native-gesture-handler'
project(':react-native-gesture-handler').projectDir = new File(rootProject.projectDir, '../node_modules/react-native-gesture-handler/android')

//app\build.gradle
implementation project(':react-native-gesture-handler')


//MainApplication.java

import com.swmansion.gesturehandler.react.RNGestureHandlerPackage;

public class MainApplication extends Application implements ReactApplication {

  private final ReactNativeHost mReactNativeHost = new ReactNativeHost(this) {
    ...

    @Override
    protected List<ReactPackage> getPackages() {
      return Arrays.<ReactPackage>asList(
          new MainReactPackage(),
          new RNGestureHandlerPackage()
      );
    }

    ...
  };


//MainActivity.java
import com.facebook.react.ReactActivityDelegate;
import com.facebook.react.ReactRootView;
import com.swmansion.gesturehandler.react.RNGestureHandlerEnabledRootView;

public class MainActivity extends ReactActivity {

  ...

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

 

Reprinted from ( https://www.cnblogs.com/nangezi/p/10625504.html )