ReactNative For Android 之一：环境搭建

系列文章：
ReactNative For Android 之一：环境搭建
ReactNative For Android 之二：基本组件和API
ReactNative For Android 之三：工程结构
ReactNative For Android 之四：自定义组件
ReactNative For Android 之五：自定义module
ReactNative For Android 之六：组件生命周期

一.ReactNative官方文档

1. 英文:https://facebook.github.io/react-native/docs/getting-started.html

2. 中文:http://reactnative.cn/docs/android-setup.html#content

二.环境搭建

1. 安装Homebrew,通过其brew install watchman和brew install flow命令安装watchman(文件改变监控)和flow(类型检查工具)

2. 安装node并使用npm install -g npm@2安装npm

3. 安装android的sdk并确保环境变量指向sdk,以及配置一个5.0以上虚拟机

4. 如果没有cloneRN源码的话使用npm install -g react-native-cli初始化项目环境

5. 在你的项目文件夹里运行react-native init ProjectName来建立项目

6. 打开虚拟机(只能有一台连入),在项目根目录下运行react-native run-android来启动本地服务器运行项目

关键命令:

• 创建项目:react-native init ProjectName

• 运行项目:react-native run-android

三.调试

1. 当修改代码后,点击安卓设备的menu菜单,点击ReloadJS则会马上刷新app

2. 点击menu菜单中的Debug In Chrome可以在浏览器调试,看见输出(需要安装插件)

3. 点击menu菜单中的Enable Live Reload可以在代码改变保存后自动刷新

四.升级版本

1. 可以用npm info react-native检查最新版本

2. 在项目根目录的package.json文件中,找到dependencies模块中的react-native,将其版本号更新,然后运行npm install即可更新node依赖包

3. 运行react-native upgrade进行一些动态生成的文件的更新—在init项目时会生成很多文件，比如android和ios项目文件夹都是生成的,这样会使老项目的一些文件也可更新(如果有冲突文件,命令行会提示是否覆盖),在更新完后重新跑下项目即可使用

4. ios需要手动升级一些地方,详情参考官方文档

   参考:http://reactnative.cn/docs/upgrading.html#content