【REACT NATIVE 系列教程之九】REACT NATIVE版本升级步骤与注意事项!

  • 时间:
  • 浏览:1

hasReactNativeInitialized

findNodeHandle

render

unmountComponentAtNode

unmountComponentAtNodeAndRemoveContainer

unstable_batchedUpdates

View

Text

ListView



以及有些所有的原生组件。

import React, { Component } from 'react';

以前

3. npm install –save react@15.0.2

昨天Himi刚从0.23版本升级到0.26,升级的主要由于有两点:

将本人的工程文件copy到这名纯净的项目中

通过如上命令来看最新的版本,检测有无升级成功!

npm WARN react-native@0.26.2 requires a peer of react@15.0.2 but none was installed.

在react-native中引用React的做法所处了变更(在当前版本老的做法会提出警告,在下一版本由于报错):

2. npm install

import React, { Component, View } from 'react-native';

具体哪几个属于React,哪几个属于React Native,可不还要参考这篇帖子(还要科学上网)。

1. 有些组件在最新版本中加入了统统新的属性,这名0.23版本中Modal动画如此 最新的属性:

注意:升级前请先备份项目,以免造成有些文件丢失由于被覆盖的情況

http://bbs.reactnative.cn/topic/11/react-native中文网官方发布完全新项目包-不用init

更新最新的React且项目下package.json 的 dependencies下的react版本会被修改为 15.0.2

5. react-native -v

    由于React Native所处快速迭代发展中,但会 组件功能的扩展、语法的变更也由于有较大的区别,但会 升级版本则属于务必掌握的了。

备注1:import导入法子 更改为最新法子 (由于如此 版本更新如此 语法变更,请无视)

由于Himi经历的版本更新有语法变更,但会 还要注意如下两点:

import { View } from 'react-native';

2. 另外RN在0.25版本有了重大更新:

因0.25版本的重大更新,Himi更新到了当前的0.26最新版本,下面来分享怎么进行RN的版本升级吧。

一:先到项目下打开 package.json 文件,将dependencies下的react-native版本号改成最新(或指定版本号)如下图:

1

二:打开终端,以此输入如下命令进行操作:

1:升级完成后,请重新clean项目,重新build

1

4. react-native upgrade

2. 用最新的RN命令init另另有有1个多新项目,将本人的工程文件copy到新项目中

安装最新的React Native版本,成功后由于会总出 如下这名警告:

备注2:导出另另有有1个多类给别的模块用,也要改为用export default的法子  (由于如此 版本更新如此 语法变更,请无视)

先cd到你项目的根目录下

升级项目模板文件,过程中由于提示有无覆盖,可不还要键盘输入’Y’,回车进行覆盖即可。

2

Children

Component

PropTypes

createElement

cloneElement

isValidElement

createClass

createFactory

createMixin

1

到此升级过程将始于,如此 下面对已有的项目要重新build,法子 如下几种:

本文转自 xiaominghimi 51CTO博客,原文链接:http://blog.51cto.com/xiaominghimi/1785438,如需转载请自行联系原作者

1. cd /Users/Himi/xxxxxx   

3. 直接通过下载官方最新的纯净项目: 

我摘录如下:

现在