【React Native開發】React Native庫版本升級(Upgrading)與降級講解

（一）前言

如今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

 

最後運行一下，查看是否出現問題