[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
这里写图片描述

相关文章
|
开发框架 前端开发 JavaScript
从零开始学习React Native开发
React Native是一种基于React框架的移动端开发框架,使用它可以快速地构建出高性能、原生的移动应用。本文将从零开始,介绍React Native的基础知识和开发流程,帮助读者快速入门React Native开发,并实现一个简单的ToDo应用程序。
|
开发框架 前端开发 JavaScript
探索前端开发中的跨平台框架React Native
本文将介绍前端开发中一种备受关注的跨平台框架React Native,通过比较原生应用与React Native的优缺点,探讨其在实际项目中的应用以及未来发展趋势。
195 2
|
12月前
|
前端开发 开发者 UED
React 18 与之前版本的主要区别
【10月更文挑战第12天】 总的来说,React 18 的这些区别体现了 React 团队对于提升应用性能、用户体验和开发效率的持续努力。开发者需要适应这些变化,充分利用新特性来构建更出色的应用。同时,随着技术的不断发展,React 也将继续演进,为开发者带来更多的创新和便利。
533 58
|
前端开发 JavaScript Android开发
跨端技术栈综合考察:深入剖析 UniApp、Flutter、Taro 和 React Native 的优势与限制
跨端技术栈综合考察:深入剖析 UniApp、Flutter、Taro 和 React Native 的优势与限制
|
前端开发 JavaScript 开发者
React Hooks 是在 React 16.8 版本中引入的一种新功能
【5月更文挑战第28天】React Hooks 是在 React 16.8 版本中引入的一种新功能
150 1
react18【系列实用教程】useReducer —— 升级版的 useState (2024最新版)
react18【系列实用教程】useReducer —— 升级版的 useState (2024最新版)
156 0
|
前端开发 JavaScript
react18【系列实用教程】useState —— 声明响应式变量(2024最新版)含useState 的异步更新机制,更新的合并,函数传参获取更新值,不同版本异步更新差异,更新对象和数组
react18【系列实用教程】useState —— 声明响应式变量(2024最新版)含useState 的异步更新机制,更新的合并,函数传参获取更新值,不同版本异步更新差异,更新对象和数组
714 0
|
前端开发 IDE 小程序
【社区每周】React Native 初探;应用中支持添加应用管理员(2月第一期)
【社区每周】React Native 初探;应用中支持添加应用管理员(2月第一期)
134 11
|
移动开发 前端开发 weex
移动端混合开发技术:React Native、Weex、Flutter 之争
在移动应用开发领域,React Native、Weex 和 Flutter 是备受关注的混合开发技术。本文将对它们进行全面比较与评估,以帮助开发者做出明智的选择。我们将从开发生态、性能、跨平台能力和易用性等方面进行比较,为读者提供全面的参考和指导。
|
开发框架 前端开发 JavaScript
Flutter vs React Native:跨平台移动应用开发的比较
在跨平台移动应用开发方面,Flutter和React Native是两个备受关注的技术选择。本文将对这两种框架进行比较,从性能、开发体验、生态系统等方面探讨它们的优势和劣势,以便开发者能够根据项目需求做出明智的选择。