一.安裝java環境

先去官網下載最近java 8版本，並進行安裝，注意：java 8之前的版本是不支援react native的，必須使用java 8，下載連結接：java jdk，下載完成之後進行環境變數配置，可以參考此連結進行配置，網頁：java8 環境變數配置，至此，java環境搭建完畢。

二.安裝android studio

下載androidstudio並進行安裝，此間沒啥要注意的，安裝完畢注意設定ANDROID_HOME變數，具體可參考：android配置環境變數，配置完重啟電腦才可以，sdk和sdk build-tools儘量下的全面一點

三.安裝Node.js

react-native 是基於node.js的，所以必須安裝，

四.安裝react-native-cli

因為獲取react-native的一些包是在外網伺服器上，下載特別慢不說，有時還下載不下來，所以建議換為國內映象，在自己的nodejs安裝目錄下找到npmrc這個檔案，我的目錄是C:\Program Files\nodejs\node_modules\npm\nmprc，把原語句修改為：registry = https://registry.npm.taobao.org，然後就可以繼續了

直接cmd裡面輸入npm install -g react-native-cli。建議使用PowerShell，這個就是一個操作react-native的指令，大家安裝之後就能使用react-native了

五.新建一react-native專案

cmd輸入指令：react-native init MyProject 。MyProject為你的專案名稱，正常

會生成這樣的專案

我們可以看到相關的android專案和ios專案了，由於我是做android開發的，現在說一下在android上面執行所遇到的坑。

六.在android手機上執行專案

1.首先利用安裝好的androidstudio新建一個應用，建立成功後項目根目錄為

先在android手機上執行新建的測試專案，確保可以正常使用，注意android手機需要開啟開發者選項，開啟USB除錯，並允許usb除錯。不能安裝的話，下個什麼手機助手，首先確保androidsutdio可以正常執行專案。

2.把原生專案的這個檔案

拷貝到你建立的react native 專案根目錄的android資料夾下，放好為

因為react native 也是要依靠gradle和android相關的sdk進行打包以達到“原生”的效果，這個檔案就是表明了本地的sdk地址和ndk的地址，執行過程中缺少的sdk和build-tools都可以在androidstudio的sdkmanager上面下載安裝，比較方便，這樣就使用本地sdk和tools防止再去網上下載了，網上下載失敗的概率非常大，或者就得等非常久。

再利用notpad++開啟原生專案和react專案裡面android資料夾下的build.gradle的檔案，我們比較一下，我們會發現兩個的classpath的內容可能不一樣，當不一樣的時候，我們把native的專案gradle版本改為和原生專案一樣的。因為原生專案已經保證了執行沒問題，說明原生專案的gradle配置沒問題，如果一樣輕忽略此步驟。同時我們要開啟react-native專案裡面 /android/gradle/rwapper/ 資料夾，開啟gradle-wrapper.properties檔案，和原生專案的此檔案對比，如果不同，也要改為和原生專案相同的內容。

我是用的3.3的gradle版本，所有全部改為3.3的。

2.ok，現在我們嘗試在android手機上執行一下我們的專案，cmd進入我們react-native的根目錄，我們首先要開啟react服務，指令為：react-native start。

執行成功為

這個要保持開啟的狀態，不能關閉，保證服務一直在執行

3.我們可以先把react-native的android專案匯入androidstudio執行一下，因為react-native有些錯誤顯示不出來，而且會解決一些build-tools的問題，順便下載一些必須的線上依賴包。

ok，執行我們會發現報下面這個錯誤

ok，這個問題是沒有建立assets資料夾導致的問題，進入react-native專案的根目錄，進入android\app\src\main資料夾，新建一個名為assets的資料夾，再回到專案根目錄，輸入一下指令，生成相關的bundle：

react-native bundle --platform android --dev false --entry-file App.js --bundle-output android/app/src/main/assets/index.android.bundle --assets-dest android/app/src/main/res

成功之後我們發現原專案多了幾個檔案

出現這個說明建立成功了，然後我們再執行一下專案，發現出現下面的錯誤

ok，沒問題，還是cmd到我們專案根目錄，輸入：react-native run-android,ok，此時發現執行成功。

以上就是react-native執行在android上面遇到的問題，歡迎大家提出問題交流提高