我之前在增加完變數後,react-native命令不起作用了,後來重新安裝react-native解決了此問題.

開啟安裝好的android stdio，然後start一個專案，下一步下一步,然後找到這個按鈕，這個是啟動模擬器的鍵，如果沒有安裝模擬器的話，可以選一個手機型號來下載,找到對應你的電腦的系統位數，來安裝就行了，裝完就開機等待，年輕人，要有耐心啊...

開啟完成後，在cmd裡面敲adb devices，可以看到目前連上的裝置，圖中可以看到emulator-5554，沒錯，這就是傳說中的模擬器......

好啦,就先開機放在著晾著先，等我們開啟RN的時候再玩你

第三步(造出你的第一個RN專案)

 創一個你想起什麼名都行的資料夾，然後在cmd下cd進去，在此資料夾下，輸入react-native init XXX(也是你隨便你起的名字，但是第一次的話，建議寫AwesomeProject，別問我為什麼，因為官當文件是這樣寫的哈哈哈)，因為檔案比較大，可能會有點慢，請耐心等待哈

成功後，cd進入帥氣的檔名------AwesomeProject，然後就敲下最666的命令----react-native run-android

接著，繼續等，因為它要裝gradle...(最好還是掛下VPN吧，不然真的很慢)

編譯時，會彈出2個視窗，一個是開啟伺服器的

一個是編譯成功後的

如果你的和我一樣，那麼，恭喜你！

如果你的出現了紅屏，請先按ctrl+m，然後選Reload，看看能不能成功，如果還是紅屏，請你再按一次ctrl+m，然後選最後一項，也就是Dev Settings，然後點Debug server host&port for device,敲下你的ip地址+:8081，（如何看到本機的ip地址？==》》cmd -> 敲ipconfig -> IPV4顯示的就是你的電腦ip地址）,如果你的ip地址是192.1.168.123，那就敲下192.1.168.123:8081，然後再Reload一次！祝你好運！

第四步(讓你的手機上執行React Native)

  說實話，我這裡遇到了不少坑，不過都一一填好了，每次填坑都是收穫吧，下面我來說說具體的填坑過程。

  1.先把模擬器關閉（因為會有影響），然後用你的手機（記得是android系統的哦）接上電腦，開啟手機的USB除錯，然後電腦就在安裝你的手機驅動了，我的手機很蛋疼，不會自動說，我只好搞了個應用寶（豌豆莢之類的都可以）來裝驅動，裝好驅動後，我那蛋疼的手機一直在向我電腦發射彈窗指令，很影響除錯開啟cmd繼續輸入adb devices，你會看到：

手機已經連線上啦

接著你可以進行AwesomeProject資料夾下進行react-native run-android試試，如果你手機比較厲害的話，一次就能成功安裝了，只不過是紅屏我手機比較傲嬌，在編譯時，直接給我BUILD FAILED了，原因我也找到了，聽說很多國產機都這樣，我的是魅族的，所以，來一起填坑吧！

1.將 android/build.gradle 裡的 gradle:1.3.1 改為 gradle:1.2.3

2.將 android/gradle/wrapper/gradle-wrapper.properties裡的 distributionUrl 版本改為gradle-2.2-all.zip

儲存，重新react-native run-android，等待，手機保持亮屏狀態，程式設計成功後，你手機會看到

不用擔心，改改就好，搖下手機，選擇設定項，跟前面說的設定好網路地址Reload就好了！（有個很重要的前提是手機要連wifi，一定要和電腦處在同一個區域網上）

我還遇到個坑，編譯完一開啟app，就是白屏，遇到這情況的童鞋不要慌，請你悄悄地去手機應用管理上，把剛才安裝的AwesomeProject的桌面懸浮窗的許可權改成允許就可以啦~~

還有一個坑，如果你的手機出現了Could not get BatchedBridge, make sure your bundle is packaged correctly，不要怕，先Reload一下，再去網路地址應該就可以了。

對了，還要說下，如果童鞋不喜歡裝置除錯，喜歡模擬器除錯的話，只要把將 android/build.gradle 裡的 gradle:1.2.3 改為 gradle:1.3.1，然後開啟模擬器，再run一次就可以了。

小結

因為沒什麼經驗加上之前沒搞過安卓開發，所以對Android Stdio比較陌生，SDK的配置開始也是懵懵噠，幸好中間請教了下同事，感謝他的幫忙，讓我填坑的效率高了好多搭建好環境是學習框架的基礎，react-native還是很有潛力的，因為比較新，所以很多東西都沒完善吧，官方也在努力更新，相信會越來越好，我很看好react-native，所以我也會在學習react-native的過程中，多跟大家分享學習的心得。

還有建議開發react-native還是用Webstrom2017吧，超強大的IDE，最新版也支援react-native語法了，除了啟動有點慢之外其他的都真的很棒！

這是我第一次寫部落格，希望能幫助正在學習搭建react-native環境中童鞋們