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