react-native Navigator 页面跳转
来源:互联网 发布:微信连接失败检查网络 编辑:程序博客网 时间:2024/06/05 00:12
最近一直被这个坑,坑疯了。
现在react-native升级到0.50 ,但是 0.44之后,Navigator
被从react native的核心组件库中剥离到了一个名为react-native-deprecated-custom-components
的单独模块中。如果你需要继续使用Navigator
,则需要先yarn add react-native-deprecated-custom-components
安装,然后从这个模块中import,即import { Navigator } from 'react-native-deprecated-custom-components'
.
编译项目之后会出现下面的错误:
我们找到对应错误的地方:
下面贴出代码而通过上面这个包里的源码我们可以发现,它使用了 React.PropTypes,问题正是出在这里。
其实从 React 16.0.0 开始,PropTypes 就已经不再由 React 提供了,而 fb 专门提供了 prop-types 模块,需要通
import PropTypes from 'prop-types'
来使用 PropTypes。0.48 版本的 RN 使用的是
16.0.0-alpha.12
版本的 React,alpha 版本还没有移除 PropTypes,所以之前项目不会有任何问题。而到了 0.49版本,自动将 React 升级到了16.0.0-beta.5
,这个版本已经移除了 React.PropTypes,所以再编译就会报错了,因为找不到 PropTypes 了。而此时我发现
react-native-deprecated-custom-components
这个包还没有更新,为了解决这个问题,我在package.json
文件里将 React 的版本还原到了16.0.0-alpha.12
,然后执行npm install
进行重装。完成后编译运行,项目成功启动。
App.js
Main.js
Second.js
- react-native Navigator 页面跳转
- React Native Navigator 的路由以及页面跳转
- React-native Navigator导航跳转
- react-native的跳转功能Navigator
- react-native 页面跳转
- RN(react native)入坑指南-07,使用navigator实现页面跳转
- 【稀饭】react native 实战系列教程之Navigator实现页面跳转
- React Native 基础篇之Navigator页面的跳转与数据的传递
- React-Native学习笔记之:导航器Navigator实现页面间跳转
- 解决react-native的Navigator跳转不刷新页面的问题
- react-native页面的跳转
- react-native navigator
- react-native--Navigator
- React Native之Navigator
- React Native[Navigator]
- React-Native之Navigator
- react-native navigator
- react-native-tab-navigator
- Notes on learning tensorflow
- iOS开发
- 【JZOJ 5484】 快乐树
- Hive编程(二)【基础操作】
- 配置Tomcat安全证书-PFX格式证书
- react-native Navigator 页面跳转
- eclipse工作空间编码设置
- js递归树
- json输出键值对 python
- eclipse中如何导入本地xsd文件
- 笔记:Shell脚本文件报错:-bash: ./xxx.sh: /bin/bash^M: bad interpreter: No such file or directory
- 51Nnod 1050 循环数组最大子段和
- EasyUI的学习总结(一)
- EntityFrameWork 课程1