一、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