react-native 安卓真機環境搭建

前言

最近在學習react-native，也作了幾個簡單的小demo，附上地址 react-native 安卓app

在android平臺開發的時候，環境搭建仍是蠻麻煩的，在這裏總結一下我本身搭環境遇到的一些坑，供參考。

正文

這是我在搭建react-native 安卓開發環境遇到的一些坑和解決方法，記下來防止之後能用到。也是看了網上許多人的答案，感謝你們的幫助。
第一步：安卓依賴環境

首先下載安卓sdk https://dl.google.com/android...

接下來配置安卓sdk系統變量，這個能夠參考網上內容

http://reactnative.cn/docs/0....

第二步：配置node環境

因爲npm環境在國內有點麻煩，因此爲了方便切換npm源到淘寶的鏡像 cnpm，須要先安裝nrm模塊

npm install -g nrm

淘寶鏡像安裝

npm install -g cnpm --registry=https://registry.npm.taobao.org

而後運行 nrm use cnpm 就能夠了

這個能夠解決 react-native init project 時候npm下載失敗的問題

網上說node版本須要4.0以上，否則會有問題

npm版本也須要升級，我開始是2.xx版本，一直報錯，

npm升級到 3.7.3就成功了

推薦node版本 4.1.2，以前4.2.4 react-native start 致使內存溢出

第三步：下載react-native

下載react-native npm install -g react-native-cli

新建一個目錄 react ，在目錄下運行

react-native init project (以前因爲沒有切換npm源致使一直失敗，改了以後就一次性成功了)

第四步：運行react-native android 程序

在以前react-native init project 以後

cd project 而後 react-native run-android

這個是最關鍵的也是問題最多的，這個過程第一次安裝通常比較緩慢，我一直運行了23分鐘，要耐心等待

問題1：確保手機鏈接成功了，否則會遇到下面這種狀況

問題2：

這個問題也不是很清楚爲何，後來再stackoverflow 上找到答案

把android的build.gradle 文件裏面的第八行改爲 classpath 'com.android.tools.build:gradle:1.2.3' 就能夠了

問題3：

網上找了個圖，我碰到的是23.0.1，這種狀況應該就是android sdk沒弄好，下載了以後就能夠了

問題4：

網上截了個圖，我用的是小米（坑），這個狀況的解決方案居然是

小米手機設置裏-------開發者選項---------啓用MIUI優化關閉

而後我就一次性安裝成功了，沒有白屏，若是有白屏的狀況，我看網上是這樣解決的

設置裏找到應用管理，咱們安裝的project應用權限管理裏面，打開懸浮窗權限就能夠了

這個也是要開啓的，由於調試時候會用到

截個圖記念一下

第五步：開發

爲了像瀏覽器同樣改了代碼就能立馬看到，須要再多設置一下

拿起你的手機搖一搖，彈出懸浮窗，點擊Dev Settings 而後點擊 Debug server host & port for device

在這裏輸入你電腦的ip（查看方法：cmd窗口輸入 ipconfig），8081是固定端口號，前面是你的ip（網上有些人運行報錯也能夠這樣解決，我這裏直接成功沒有遇到紅屏報錯狀況）

設置完成後，簡單修改一下頁面index.android.js，按物理設置鍵，選擇Reload JS，程序就刷新了，

總結

至此，程序就能正常的運行了。

附上一些參考文檔：

http://reactnative.cn/docs/0....

React-Native android在windows下的踩坑記

react-native在Anroid真機運行時可能會遇到白屏的狀況解決辦法

android - react-native :app:installDebug FAILED

以上都是我的見解，若是有誤，感謝指導！