由於React Native處於快速迭代發展中，因此元件功能的擴充套件、語法的變更也將會有較大的區別，因此升級版本則屬於務必掌握的了。

昨天Himi剛從0.23版本升級到0.26，升級的主要原因有兩點：

1. 一些元件在最新版本中加入了很多新的屬性，例如0.23版本中Modal動畫沒有最新的屬性：

animationType  enum(‘none’, ‘slide’, ‘fade’)

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

重大變更

在react-native中引用React的做法發生了變更（在當前版本老的做法會提出警告，在下一版本將會報錯）：

之前

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

現在

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

具體哪些屬於React，哪些屬於React Native，可以參考這篇帖子（需要科學上網）。

我摘錄如下：

“react”:

Children
Component
PropTypes
createElement
cloneElement
isValidElement
createClass
createFactory
createMixin

“react-native”:

hasReactNativeInitialized
findNodeHandle
render
unmountComponentAtNode
unmountComponentAtNodeAndRemoveContainer
unstable_batchedUpdates
View
Text
ListView
…
以及其他所有的原生元件。

因0.25版本的重大更新，Himi更新到了當前的0.26最新版本，下面來分享如何進行RN的版本升級吧。

注意：升級前請先備份專案，以免造成一些檔案丟失或者被覆蓋的情況

一：先到專案下開啟 package.json 檔案，將dependencies下的react-native版本號改成最新（或指定版本號）如下圖：

二：開啟終端,以此輸入如下命令進行操作：

1. cd /Users/Himi/xxxxxx   

先cd到你專案的根目錄下

2. npm install

安裝最新的React Native版本,成功後可能會出現如下類似警告：

3. npm install –save [email protected]

更新最新的React且專案下package.json 的 dependencies下的react版本會被修改為 15.0.2

4. react-native upgrade

升級專案模板檔案，過程中如果提示是否覆蓋，可以鍵盤輸入’Y’，回車進行覆蓋即可。

5. react-native -v

通過如上命令來看最新的版本，檢測是否升級成功！

到此升級過程將結束，那麼下面對已有的專案要重新build，方式如下幾種：

1：升級完成後，請重新clean專案，重新build

2. 用最新的RN命令init一個新專案，將自己的工程檔案copy到新專案中

3. 直接通過下載官方最新的純淨專案： 

將自己的工程檔案copy到這個純淨的專案中

由於Himi經歷的版本更新有語法變更，因此還要注意如下兩點：

備註1：import匯入方式更改為最新方式 （如果沒有版本更新沒有語法變更，請無視）

備註2：匯出一個類給別的模組用，也要改為用export default的方式 （如果沒有版本更新沒有語法變更，請無視）