rn的路由版本问题

一、rn视频控制

　　对于RN 0.45或更低版本的支持。

　　跑 npm install --save react-native-video react-native-video-controls

　　然后跑 react-native link react-native-video

二、路由的版本问题

　　1、1.x版本

　　　　import { StackNavigator } from 'react-navigation';

　　　　　　通过StackNavigator 来声明路由

　　2、2.x版本

　　　　　import { createStackNavigator } from 'react-navigation';

　　　　　　通过createStackNavigator 来声明路由

　　3、3.x版本

　　　　在最新项目的0.60.5版本中的设置（本人是在这个版本，之前的版本一启动就会报错，我看到官网上说的可能是对项目的版本有最低的要求）

　　　　(1)安装指定路由版本 yarn add  react-navigation@3.0.0版本

　　　　(2)然后安装      yarn  add react-native-gesture-handler   

　　　　　　设置      react-native link react-native-gesture-handler     在低版本中需要手动设置

　　　　（3）还需要安装     yarn   add    react-native-reanimated

 

　　　　　import { createStackNavigator, createAppContainer } from "react-navigation";

　　　　通过createStackNavigator设置路由的配置项，然后通过createAppContainer导出

　　　　　　export default createAppContainer(AppNavigator);

　　　　导出路由

//在3.0版本的路由中，android执行命令时有时候会没有效果，需要检查核实：https://www.cnblogs.com/nangezi/p/10625504.html

　　4、4.x版本

　　　　import { createAppContainer } from 'react-navigation';

　　　　　import { createStackNavigator } from 'react-navigation-stack';

 

　　　　　　需要下载两个依赖来创建和声明路由

　　　　　const AppNavigator = createStackNavigator({ Home: { screen: HomeScreen, }, });

　　　　　export default createAppContainer(AppNavigator);

　　　　　　导出路由

------------------------------------------------

react-native路由挂网有详细记录https://reactnavigation.org/docs/en/hello-react-navigation.html

 

 

 

转载于:https://www.cnblogs.com/jingguorui/p/11489986.html