zoukankan      html  css  js  c++  java
  • react-navigation 3.x版本的安装以及react-native-gesture-handler配置

    一、安装依赖,使用npm或yarn命令,3.x版本必须安装react-native-gesture-handler

    react-navigation
    react-native-gesture-handler

    二、 配置react-native-gesture-handler,可以执行如下命令

    react-native link react-native-gesture-handler

    android执行此命令,有时候会没有效果,需要检查核实

    • 查看android/settings.gradle
    • 查看android/app/build.gradle
    • 查看android/app/src/main/java/com/projectname/MainActivity.java和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')
    
    //appuild.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);
          }
        };
      }
    }

    三、 undefined is not an object (evaluating 'RNGestureHandlerModule.State')

      以及 undefined is not an object (evaluating 'RNGestureHandlerModule.Direction')

    相关错误都是因为react-native-gesture-handler没有配置好  

  • 相关阅读:
    去掉影响美观的横滚动条
    Visio绘制事件分解图
    Visio绘制系统图
    asp.net与js中字符串的HTML编码与解码
    《ERP从内部集成起步》读书笔记——第一章 Garthner公司是如何提出ERP的 1.1尊重历史
    Asp.net页面传参数给Silverlight
    Gridview中格式化数据的方法
    让silverlight不在最顶层,可以在悬浮层之下
    DateTime类型中 DayOfWeek时的英文如何转换成中文(转)
    Asp.net页面中通过Js控制Silverlight显示值
  • 原文地址:https://www.cnblogs.com/nangezi/p/10625504.html
Copyright © 2011-2022 走看看