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

     

     

  • 相关阅读:
    关于.NET Reflector
    Windows Debugging之九
    在IA32如何将程序计数器的值放入到整数寄存器中?
    [陆续添加]计算机网络最最基础的基本概念
    ASCII表
    [翻译文章]我们是如何做到的: 提高SharePoint.Microsoft.com站点的性能
    Windows API是什么?
    寄存器使用惯例
    阅读笔记 了解ASP.NET底层架构 之一
    汇编程序中的返回值
  • 原文地址:https://www.cnblogs.com/jingguorui/p/11489986.html
Copyright © 2011-2022 走看看