##react-native学习笔记(windows android)##第2天, Hello world !

第二天 Hello world !

2017年3月31日19:06:25 后天清明节放假,不过我提前放假了

今天的目标是写一个hello world出来

给atom装一些插件,发现下载好慢,百度了下国内访问atom源很慢,解决方案

安装 yarn react-native-cli

npm install -g yarn react-native-cli

安装完yarn后要设置镜像源： yarn config set registry https://registry.npm.taobao.org –global yarn config set disturl https://npm.taobao.org/dist –global

第一步,使用react-native-cli构建工具初始化app

react-native init myapp

第二步,切换到app的目录内，使用react-native run-android 命令运行安卓版本的app

cd myapp react-native run-android

运行起来 哈哈 意料之中的卡住 一直在下载gradle-2.14.1-all.zip

反正我下载了半个小时都没下载好,最后放弃了。 不就是需要安装个插件什么的么，我们手动安装一个。下面有两种方式，我用第二种方式。

通过咱们windows的Chocolatey包管理器安装 choco install gradle通过下载gradle-2.14.1-all.zip 手动安装，你也可以在官网下载别的版本，把最后面的路由去掉就是下载服务器文件目录 解压到某个目录，我放在d:\android 里面，解压后找到D:\Android\gradle-2.14.1\bin 设置成环境变量的path在命令行窗口 输入 gradle -v 能正确的显示版本信息说明我们安装成功，接下来，关掉还在downloading 的cmd窗口再次运行 react-native run-android意想不到的事情发生了，他居然还是卡在那里，我服了！！！看来不是因为没有安装gradle造成，去这货的官网看了下，android studio默认就会安装这个打包工具，令人生疑的是这货指定了安装版本安装，看来是程序中配置了，下载路径。我遇到的坑肯定不是我一个人的坑，继续百度，人家的坑，哈哈，第一条就是这个问题，直接把这个配置文件的下载地址，改为本地文件路径。之前本地安装的时候已经下载了安装包，把这个配置文件（[myApp]/android/gradle/wrapper/gradle-wrapper.properties）url修改到安装包位置再试！！！gradle跑起来了，然后下载他依赖的jar包，漫长的等待中……

再漫长的等待后，终于等到它再次报错，这次是调试工具adb 报的错error：unknown host services，直接百度咯，http://blog.csdn.net/liguilicsdn/article/details/50902194 。看来是tcp端口8081被占用，查了下是nodejs占用，不敢kill掉，怎么破，只能换端口了！！！

配置adb 的端口

新建一个环境变量 变量名为： ANDROID_ADB_SERVER_PORT 值为： 5037

其实默认的端口就是5037的，不知道为什么会跳到8081的node端口上面。 这次构建之前试下 adb kill-server adb devices 在设备列表内，显示出唯一一个设备，就是对的，连手机之前记得打开usb调试。 再次运行 react-native run-android 终于手机上出现一个安卓小图标，myApp 构建完成，点击进去！！！！

我的天！！！ 白屏闪退！！！！！ 休息了，看下明天怎么解决闪退的问题。 2017年3月31日23:38:22

转载于:https://www.cnblogs.com/alasq/p/6657412.html