美文网首页
React Native windows搭建安卓环境问题总结

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

作者: 羊太郎_胡一 | 来源:发表于2018-04-03 16:20 被阅读0次

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

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

官网截图

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

官网截图

然后安装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 命令行

官网截图

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

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

JAVA官网截图

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

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

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

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

官网截图

继续看官网 可以看到一个

官网截图

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

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

正常情况

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

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

恭喜你成功搭建成功。

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

启动时出现问题如下:

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

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

好了 就到这了。

相关文章

网友评论

      本文标题:React Native windows搭建安卓环境问题总结

      本文链接:https://www.haomeiwen.com/subject/vpqchftx.html