windows 下react native App环境搭建问题总结

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
• 模拟器配置