React Native 版本升級與降級_React

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/