React Native windows搭建安卓环境问题总结

最近公司开RN的项目,所以就学习了一下,在搭建环境的时候遇到了有些坑。

首先肯定是查看官方中文文档,选择

React Native windows搭建安卓环境问题总结_第1张图片
官网截图

官网推荐的安装chocolatey,这个安装比较麻烦,不推荐,其实也用不着,跳过就好了。

React Native windows搭建安卓环境问题总结_第2张图片
官网截图

然后安装python2,一定要是python2,python3不支持,直接去python官网下载即可。

然后安装node,也直接去nodejs官网下载就好,下载完成之后安装一下npm镜像源,这个很有必要,因为到时候安装安卓包的时候会从npm下载,npm是国外服务器比较慢,所以镜像到淘宝源就快了。在命令行输入:

npm config set registry https://registry.npm.taobao.org --global

npm config set disturl https://npm.taobao.org/dist --global

如果发现npm的命令失效,百度一下配置环境变量。

当以上都搞定后安装react Native 命令行


React Native windows搭建安卓环境问题总结_第3张图片
官网截图

命令语句:  npm install -g react-native-cli 

以上完成后如果是开发安卓应用就需要下载java SDK, 这时候一定要下载JAVA1.8。


React Native windows搭建安卓环境问题总结_第4张图片
JAVA官网截图

JAVA下载好后,配置一下环境变量。


然后就是要安装Android Studio,官网上面给的链接是谷歌国外的比较慢,有个国内的比较快,Android Studio;

下载之后就选择自己的文件夹安装,然后按照官网提示的进行配置管理设置。同时也要配置ANDROID_HOME环境变量。

同时也要把Android SDK 也配置一下。

React Native windows搭建安卓环境问题总结_第5张图片
官网截图

继续看官网 可以看到一个

React Native windows搭建安卓环境问题总结_第6张图片
官网截图

这个是推荐下载的,直接官网下载就好了。

下载完成后打开,然后选择一个安卓设备(我选的是谷歌手机)打开启动。然后打开CMD,执行下“adb devices”查看下是否有连接设备,没有的话查看下IP和端口是否正确。

正常情况

现在开始启动项目,找到一个根目录然后敲以下命令


React Native windows搭建安卓环境问题总结_第7张图片

这时候会有两个命令工具跳出,不要关掉等待下载。下载启动之后会出现一个


React Native windows搭建安卓环境问题总结_第8张图片

恭喜你成功搭建成功。


现在我们开始写个helloworld,看到这个文档你就会奇怪你的文件里面就只有一个index.js,其实这个文件已经兼容了index.ios.js和index.android.js,所以只要把代码拷到这里面。然后react-native run-android即可。

启动时出现问题如下:


React Native windows搭建安卓环境问题总结_第9张图片

这个问题很简单也就是名字不统一。


React Native windows搭建安卓环境问题总结_第10张图片
React Native windows搭建安卓环境问题总结_第11张图片

这两个名字要一样。这样就出现helloworld了。


React Native windows搭建安卓环境问题总结_第12张图片

好了 就到这了。

你可能感兴趣的:(React Native windows搭建安卓环境问题总结)