安装教程:
安装的时候,一定要退出,模拟器,负责,安装失败,很慢

1.npm install --save react-navigation
2.npm install --save react-native-gesture-handler
3.react-native link react-native-gesture-handler
ios 什么都不需要做:
为了完成react-native-gesture-handler在Android上的安装,请确保MainActivity.java上完成如下修改:
AwsomeProject\android\app\src\main\java\com\awsomeproject\MainActivity.java
package com.reactnavigation.example;


import com.facebook.react.ReactActivity;
+ import com.facebook.react.ReactActivityDelegate;
+ import com.facebook.react.ReactRootView;
+ import com.swmansion.gesturehandler.react.RNGestureHandlerEnabledRootView;

public class MainActivity extends ReactActivity {

  @Override
  protected String getMainComponentName() {
    return "Example";
  }

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

相互切换:

1.this.props.navigation.navigate

2. 需要将参数包装成一个对象,作为navigation.navigate方法的第二个参数传递给路由。如: this.props.navigation.navigate('RouteName', { /* params go here */ })
读取页面组件中的参数的方法:this.props.navigation.state.params。

Logo

开源鸿蒙跨平台开发社区汇聚开发者与厂商,共建“一次开发,多端部署”的开源生态,致力于降低跨端开发门槛,推动万物智联创新。

更多推荐