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

     

     

  • 相关阅读:
    CPU 后缀
    获取当前IP的接口
    win10 禁用自动更新
    C# 调用腾讯云接口获取视频基本信息
    SQL Server服务器角色和数据库角色描述
    C# 使用cmd
    C# 对DataTable的简单操作
    参考文档链接地址-个人比较推荐的
    类似input框内最右边添加图标,有清空功能
    CentOS-6.3安装Mysql-5.5.29[转]
  • 原文地址:https://www.cnblogs.com/jingguorui/p/11489986.html
Copyright © 2011-2022 走看看