windows 下react native App環境搭建問題總結

最近在玩react native app但是環境搭建就遇到了很多問題。其中大部分都是分別在網上找到的解決辦法，但是比較分散所以先總結出來以供參考！

環境搭建過程中用到的工具

1. 模擬器：genymotion
2. android studio
3. nodejs
4. java

react native學習網站

學習指南

react native常用命令

1. cnpm install -g yarn react-native-cli
2. 安裝react 過程中downloading gradle-2.14.1-all.zip 比較慢建議手動下載
   度盤：
   http://pan.baidu.com/s/1c2qw3S0 密碼：0ue4
3. 啟動react-native run-android時需要同意Android的sdk開發協議進入Android開發目錄下cd ~/Android_sdk/tools/bin執行./sdkmanager
   同意各種協議
4. 模擬器（genymotion）配置 setting->adb為本地安卓配置
5. 修改：AwesomeProject\android\gradle\wrapper\gradle-wrapper.properties檔案中的值distributionUrl=file:///D:/gradle/gradle-2.14.1-all.zip
6. 執行起來：模擬器紅屏 Could not get BatchedBridge, make sure your bundle is packaged correctly 此時執行命令 react-native bundle –platform android –dev false –entry-file index.android.js –bundle-output android/app/src/main/assets/index.android.bundle –assets-dest android/app/src/main/res/如果報錯在專案
   android/app/src/main/下新建assets目錄
   
   1. 當reload模擬器時又出現紅屏設定模擬器dev setting 的IP和埠 電腦IP:8081

參考連結

• react-native初始化之坑
• Create React Native App
• 模擬器配置