zoukankan      html  css  js  c++  java
  • 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

     

     

  • 相关阅读:
    jqueryeasyui1.2.3学习
    继续干IT的十个理由
    设计模式建造者模式(Builder Pattern)
    一段不错的视频
    第十一章:配置和安全IntelliMorph
    第十一章:配置和安全许可和配置
    物理库存和财务库存浅析
    第十一章:配置和安全概述
    IE6 双倍边距的解决方法
    asp实现关键词不区分大小写搜索并高亮显示
  • 原文地址:https://www.cnblogs.com/jingguorui/p/11489986.html
Copyright © 2011-2022 走看看