[React Native]升级React Native版本

简介: React Native正式版本还没发布,但是小版本基本上每个月都更新1-2次。9月11号又更新了0.33版本,其中有两个增强功能正好是项目中用到的.添加Android6.0权限验证API Add JS library for requesting Android M Permissions (0fb2ccf) - @cmcewenAndroid对话框可以设置ca

React Native正式版本还没发布,但是小版本基本上每个月都更新1-2次。9月11号又更新了0.33版本,其中有两个增强功能正好是项目中用到的.

  1. 添加Android6.0权限验证API
    Add JS library for requesting Android M Permissions (0fb2ccf) - @cmcewen

  2. Android对话框可以设置cancelable选项
    Implement cancelable option for Alerts (8e2906a) - @kraffslol

为了使用这两个功能,需要对当前工程的RN版本进行升级。

在工程目录下通过react-native -version指令,可以查看当前版本。

这里写图片描述
可以看到我这是0.31版本, 因为rn项目采用nodejs构建的,这时候打开项目目录下的package.json, 把”react-native” 后的版本号改成0.33.0。然后执行命令npm install 这时候就会自动安装最新版本。

安装速度可能很慢, 建议大家把安装源改成国内的镜像,

修改方法有三种,如下:

1.通过config命令
npm config set registry https://registry.npm.taobao.org
npm info underscore (如果上面配置正确这个命令会有字符串response)

2.命令行指定
npm –registry https://registry.npm.taobao.org info underscore

3.编辑~/.npmrc
加入下面内容
registry = https://registry.npm.taobao.org

按照完成会提示安装了什么

这里写图片描述

安装完成后 报了一个警告,警告的原因是0.33版本需要react版本为15.3.1

这时候按照上面的做法, 把react版本改成15.3.1,然后执行 npm install指令。

升级项目模板文件

执行react-native upgrade 命令升级项目模板文件,过程中如果提示是否覆盖,可以键盘输入’Y’,回车进行覆盖即可。

更多精彩请关注微信公众账号likeDev
这里写图片描述

相关文章
|
3月前
|
开发框架 前端开发 JavaScript
探索前端开发中的跨平台框架React Native
本文将介绍前端开发中一种备受关注的跨平台框架React Native,通过比较原生应用与React Native的优缺点,探讨其在实际项目中的应用以及未来发展趋势。
|
3月前
|
开发框架 前端开发 JavaScript
从零开始学习React Native开发
React Native是一种基于React框架的移动端开发框架,使用它可以快速地构建出高性能、原生的移动应用。本文将从零开始,介绍React Native的基础知识和开发流程,帮助读者快速入门React Native开发,并实现一个简单的ToDo应用程序。
|
13天前
|
开发框架 Dart 前端开发
【Flutter前端技术开发专栏】Flutter与React Native的对比与选择
【4月更文挑战第30天】对比 Flutter(Dart,强类型,Google支持,快速热重载,高性能渲染)与 React Native(JavaScript,庞大生态,热重载,依赖原生渲染),文章讨论了开发语言、生态系统、性能、开发体验、学习曲线、社区支持及项目选择因素。两者各有优势,选择取决于项目需求、团队技能和长期维护考虑。参考文献包括官方文档和性能比较文章。
【Flutter前端技术开发专栏】Flutter与React Native的对比与选择
|
4月前
|
前端开发 JavaScript Android开发
跨端技术栈综合考察:深入剖析 UniApp、Flutter、Taro 和 React Native 的优势与限制
跨端技术栈综合考察:深入剖析 UniApp、Flutter、Taro 和 React Native 的优势与限制
|
1天前
|
移动开发 前端开发 JavaScript
使用React Native进行跨平台移动开发
【5月更文挑战第13天】React Native是Facebook的跨平台移动开发框架,基于JavaScript和React,允许开发者编写原生应用。它提供跨平台性、原生性能、平缓的学习曲线及丰富的社区支持。开发流程包括安装CLI、创建项目、编写代码、运行调试及测试发布。进阶应用涉及状态管理、性能优化、原生模块集成和自动化测试。React Native降低了开发成本,提升了效率,是移动开发的优选方案。
|
16天前
|
开发框架 前端开发 JavaScript
【专栏】对比分析两种流行的跨平台开发框架——Flutter和React Native,探讨它们的优势、劣势以及适用场景
【4月更文挑战第27天】本文对比分析了Flutter和React Native两大跨平台移动开发框架。Flutter,由Google推出,以其接近原生的性能、快速启动和流畅滚动受青睐,适合高性能和高度定制的项目。React Native,Facebook维护,依赖JavaScript,虽性能受限,但热重载优势和丰富第三方库使其适合快速迭代的项目。两者都在拓展多平台应用,Flutter在桌面和Web,React Native在Windows。选择框架需考虑项目需求、团队技能和性能效率平衡。
|
21天前
|
Dart 前端开发 JavaScript
《跨平台移动应用开发探索:Flutter vs React Native》
在移动应用开发领域,跨平台技术日益成熟,Flutter和React Native作为两大主流框架备受关注。本文将对比Flutter和React Native在性能、开发体验、生态系统等方面的优劣,并探讨它们在不同场景下的适用性,以帮助开发者选择最适合自己项目的技术方案。
|
29天前
|
缓存 前端开发 Android开发
React Native
React Native
15 6
|
1月前
|
前端开发 JavaScript Android开发
框架分析(8)-React Native
框架分析(8)-React Native
|
2月前
|
前端开发
最新版本create-react-app 如何使用css-module
最新版本create-react-app 如何使用css-module
16 0