React Native版Hello World

前言 

最近公司不是很忙，我看React Native 最近比较火，中国的程序猿是什么技术好，就学习下，毕竟靠这行吃饭啊，这个不学习真的要被淘汰了，在中国搞开发还是比较累的，IT技术日新月异，我们要不断的学习，不断的积累，好了，收拾下心情，进入React Native 的学习之旅吧！

配置环境

相关的配置Mac 及Windows的看下官网：https://facebook.github.io/react-native/docs/getting-started.html，上面说的很详细了，想学好这个，凭借这个文档可以很好的入门了，就像学习android,就去看谷歌的API，最好的文档，没有之一

我的是Mac Pro 环境配置如下：

1.按照官网下载好React Native 及其相关的组件，比如Note.js等这里就略过了

2.配置环境变量，这个Mac和Windows还是有点区别的，Windows略过，Mac版则打开命令行输入以下命令

export ANDROID_HOME=~/Library/Android/sdk 将Android SDK写入到环境变量里 我的sdk路径是 /Users/sayid/sdj_sdk/sdk

export PATH=${PATH}:${ANDROID_HOME}/tools 因为要用到adb的相关命令，所以也要加入到环境变量里，这个windows一般我也会配置的，React Native安装都是命令安装的，adb install 等这些命令肯定会用到。

3.上述步骤配置完成后，基本上完成了80%的工作了，下面的一步是打开Hello World的大门

react-native init AwesomeProject 这一步 网速好的话 很快的，网速慢的话，你就慢慢的等吧，有人说需要VPN，我看你也最好用上，我Mac用的蓝灯

....................loading 至少需要20分钟左右，因为是第一次初始化RN的项目，RN可能要远程下载些必须的运行组件。

cd AwesomeProject 上一步完成后，进入这个项目目录下 需要进入到项目里，才能运行RN的项目到模拟器或真机上

react-nativerun-android 关键的一步，运行RN项目到模拟器或真机上，最好使用真机吧

4.对于这种RN，或者H5的开发，不像安卓，需要点击运行，IDE编译后运行到手机上才能看到效果，RN，H5的开发就有点像公司的网页前端开发，不需要专业的IDE，像他们可能用dreamweaver等，改变个样式，保存后，在浏览器里刷新下就能看到效果，RN，H5和这个一样，这里我用的Sublime Text来编辑RN的样式等

下载地址

http://www.sublimetext.com/3

下载完成后用Sub 打开index.android.js，将Text改为Hello World！咱们就入门了，以后就可以学习他的语法，跟前端相关的比较多，诸如JS，div＋css等就慢慢的学习吧！

<Text style={styles.welcome}>
          Hello World!
        </Text>

遇到的坑：

1.模拟器可运行成功，但是上面提示是最好使用真机.

2.真机上出现了两个问题，导致RN项目无法安装到手机上，我的手机是红米Note3

com.android.ddmlib.InstallException: Unable to upload some APKs 这个错误是因为gradle版本的问题，默认RN的gradld版本是1.3.1（将RN的android版demo导入到AS中，将其改为1.2.3，重新编译项目，继续输入react－native run-android，发现依然报错，错误如下

com.android.ddmlib.InstallException: Failed to establish session

百度搜索后发现是手机的问题，因为我的是小米的系统，启用了MIUI的优化，按照网上所说的，将那项关闭后重启手机，重复上述操作后，运行成功！