React Native 版本升级与降级

转载 2016年06月02日 10:58:53

React Native 版本升级与降级

(一)前言

现在React Native For Android刚刚开源才不久,现在整体功能还不健全完善以及开发中的坑(Bug)还是比较多的 ,以至于到现在还没有正式版本。项目人员正在加紧开发维护,修复Bug,所以现在React Native项目的版本更新速度还是相对来讲是比较快的。在如此现状之下,我们就要及时关注项目官网了,要将React Native往新版本进行更新,这样我们可以去使用更多的APIs,视图Views,以及开发者工具以及其他一些好用的东西。

我们大家都知道一个React Native项目使用Android项目,iOS项目和JavaScript项目三部分进行组成的,而且三者都关联打包在npm包内的,所以该项目版本进行更新是比较繁琐的。下面我来给大家讲解一下React Native项目的升级步骤。

(二)升级React Native 版本

查看本地React Native 版本

首先我们需要查看本地的React Native的版本,命令行输入如下命令:

react-native --version

如果是按照之前的文章,直接命令行npm install -g react-native-cli创建的话,那么应该会出现如下的情况:
这里写图片描述
发现版本号是0.2.0,这其实是本地的cli的版本,这时,需要进入曾经创建的React Native主目录,然后才是执行 react-native –version。

这时就可以查看React Native版本和cli版本。
这里写图片描述

查看npm包管理的React Native 版本

  • npm管理的React Native包地址是:https://www.npmjs.com/package/react-native,可以进去查看。
  • 也可以命令行输入 npm info react-native 进行查看,返回一个JSON对象,如下图所示:
    这里写图片描述
    目前最新版本是 0.27.0-rc2,这是一个预览版。

下面拿之前创建的AwesomeProject项目做测试。打开项目中的package.json文件,找到dependencies字段,把react-native的版本修改为高于目前项目的版本,如图所示:
这里写图片描述
接下来切换到项目主目录下面,执行如下代码,这个安装过程需要花点时间:

npm install

这里写图片描述

如果出现如下界面,就表示升级版本成功。
这里写图片描述
下面再在项目目录下运行 react-native --version命令查看当前版本:
这里写图片描述

上诉方式是手动修改配置文件进行更新,查看官方文档可见,现在已经支持在项目中运行 npm install --save命令来进行安装react-native的新版本了,例如需要更新到 0.27 版本,可以执行如下命令:

npm install --save react-native@0.18

(三)更新项目templates

版本不同,构建的项目模板也会发生变化,所以在更新了React Native版本之后,也要及时更新项目模板。
通过如下命令:

react-native upgrade

运行截图如下:
这里写图片描述

【千万注意】以上红色框中,会进行文件修改检查,选择覆盖还是保留原文件,具体情况看大家实际情况,这里全部选择不覆盖。
有三点原则:

  • 如果是新添加的文件,会进行直接创建
  • 如果更新文件与原文件相同,直接忽略跳过
  • 如果更新文件和当前项目文件不同,有冲突情况,会询问开发者选择覆盖还是保留原文件,需要看实际情况。

更新完成之后,运行一下,看是否有问题出现。

(四)React Native版本降级

刚刚已经完成 React Native版本升级,现在假如是最新版本,但是最新版本不是特别稳定,在开发中老是遇到不可预期的bug,那么就可以考虑降低到一个比较稳定的版本。同样也是上面两种方式,第一种修改package.json文件;第二种是直接执行npm install --save react-native@版本号

通过上诉操作之后,别忘了更新一下模板。

react-native upgrade

最后运行一下,查看是否出现问题。

转载自:http://www.lcode.org/

react-native 实现apk版本自动更新(非js热更新)

前言(android篇):       react-native 作为facebook推出两年,现在应该说最火的移动技术。       当然作为一新的技术(或者说一种新的编码机制),这个对于前端开发者...
  • jiejiegua
  • jiejiegua
  • 2017年05月09日 15:26
  • 3972

React Native 实现热部署、差异化增量热更新

刚创建的React Native 微信公众号,欢迎微信扫描关注订阅号,每天定期会分享react native 技术文章,移动技术干货,精彩文章技术推送。同时可以扫描我的微信加入react-na...
  • u013718120
  • u013718120
  • 2017年02月14日 11:37
  • 14178

查看安装的react-native和react版本

npm info react-native(目前是0.34.1) 知道最新版本后,通过以下命令来安装: npm install --save react-native@0.34.1 ...
  • miss_ok
  • miss_ok
  • 2016年10月10日 13:56
  • 9821

React Native库版本升级与降级

迄今为止React Native获得了超过48K的star,最新版本0.44,已经趋于稳定。(官网地址:https://github.com/facebook/react-native)。随着Reac...
  • xiangzhihong8
  • xiangzhihong8
  • 2017年05月10日 11:10
  • 3162

【React Native开发】React Native库版本升级(Upgrading)与降级讲解(6)

(一)前言      【好消息】个人网站已经上线运行,后面博客以及技术干货等精彩文章会同步更新,请大家关注收藏:http://www.lcode.org        现在React Native F...
  • jiangqq781931404
  • jiangqq781931404
  • 2016年01月17日 21:25
  • 12192

查看安装的react-native和react版本

npm info React-native(目前是0.34.1) 知道最新版本后,通过以下命令来安装: npm install --save react-native@0.34.1 ...
  • binglan520
  • binglan520
  • 2017年03月11日 16:56
  • 4360

React Native 版本升级与降级

React Native 版本升级与降级 (一)前言 现在React Native For  Android刚刚开源才不久,现在整体功能还不健全完善以及开发中的坑(Bug)还是比较多的 ...
  • shan1991fei
  • shan1991fei
  • 2017年01月10日 13:36
  • 4257

React-Native版本升级的实践方案

前言在React Native的工程项目中,版本升级是避免不了的,尤其是RN这种框架版本的迭代速度非常之快,如果一味使用旧版本,就无法使用新特性,如果升级,很可能会导致版本兼容问题,正所谓“与何雄站不...
  • jiangbo_phd
  • jiangbo_phd
  • 2017年01月23日 15:06
  • 2931

React Native 常用命令

1.react-native --version     //查看当前reactNative版本 2.sudo npm update -g react-native-cli //更新全局的reactN...
  • h416756139
  • h416756139
  • 2016年06月02日 12:03
  • 10148

ES6 + Webpack + React + Babel 如何在低版本浏览器上愉快的玩耍(下)

回顾 起因 某天,某测试说:“这个页面在 IE8 下白屏,9也白。。” 某前端开发: 吭哧吭哧。。。一上午的时间就过去了,搞定了。 第二天,某测试说:“IE 又白了。...
  • a324539017
  • a324539017
  • 2016年10月15日 17:28
  • 8230
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:React Native 版本升级与降级
举报原因:
原因补充:

(最多只允许输入30个字)