Windows下React Native的Android环境部署及布局示例

2019-12-10 18:46:26王冬梅

安装intelhaxm-android.exe,安装出错,请参考这里

至此我们就能进入模拟器界面

Android Studio
如果想使用android studio自带模拟器,可以打开AVD Manager->Create Virtual Device->选择自己需要的android版本
值得注意的是,模拟器默认选择X86架构,如果你不喜欢,你需要自己手动改成arm架构

Windows,React Native,Android环境部署

NVM
这里选择用NVM来控制node版本,如果你已经装过node4.0以上的版本,就跳过这里。
安装方式和使用文档,github上面讲的很清楚,这里说下代理的配置,其实也就是npm的代理,配置全局代理

npm config set proxy=you proxy
npm config set https-proxy=you https proxy

React-native初始化
心理默默祈祷以下命令千万不要错误。。。

npm install -g react-native-cli
react-native init AwesomeProject
cd AwesomeProject
react-native start
react-native run-android

果然。。。好吧,这里分享下自己遇到的一些问题

  • npm install -g react-native-cli:出错的最大可能就是node版本低于4.0或者代理没配置成功
  • react-native run-android:这个命令会下载gradle依赖,执行失败的原因大部分也是因为代理的问题

    进入C:Users用户AppData.gradle,打开gradle.properties(不存在就新建一个),修改