react-navigation安装使用指南19-11-03

老师总结的 react-navigation安装使用文档链接

https://git.imooc.com/coding-304/GitHub_Advanced/src/master/doc/RN0.6x_react_navigation4x%E7%AD%89%E5%8D%87%E7%BA%A7%E9%80%82%E9%85%8D%E8%AF%B4%E6%98%8E.md
安装：
1.初步：安装主库,切换个到项目根目录下安装
yarn add react-navigation
或
npm install react-navigation
2.安装主库依赖的三方库

yarn add react-native-gesture-handler
yarn add react-native-reanimated

或

npm install react-native-gesture-handler
npm install react-native-reanimated

3.根据需要安装各导航组件的库

yarn add react-navigation-stack
yarn add react-navigation-drawer
yarn add react-navigation-tabs

或

npm install react-navigation-stack
npm install react-navigation-drawer
npm install react-navigation-tabs

4.执行pod安装

为了在iOS上完成安装，还需要执行一些命令：
指向ios文件
cd ios
pod install
切换到上级命令
cd ../
5.完成在Android上的一些配置

屏幕快照 2019-11-03 17.09.05.png

到安卓的MainActivity.java中
添加下面代码

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

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

位置如图

屏幕快照 2019-11-03 17.13.13.png

OK安装完毕，运行一下，不报错就运行成功了，报错的话可以点开官网
https://reactnavigation.org/docs/en/getting-started.html
到如图点开

屏幕快照 2019-11-03 17.24.50.png

到react-navigation的官网这里输入错误信息

屏幕快照 2019-11-03 17.28.00.png

查找解决方法。