react-native 学习六 react-navigation

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

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。