React-Native 使用

Rn基本用法：

Rn运行环境搭建

1.brew install node

2.brew install watchman

3.npm install react-native-cli -g

创建运行一个Rn项目：News

1.react-native init News

2.cd News

3.adb reverse tcp:8081 tcp:8081

4.react-native run-android或者react-native run-ios

如果运行android项目失败：记得配环境变量

1.open .bash_profile

2.export ANDROID_HOME=/Users/xxx/developer/sdk
   export PATH=${PATH}:${ANDROID_HOME}/tools
   export PATH=${PATH}:${ANDROID_HOME}/platform-tools

3.source .bash_profile

否则需要再每个项目下都加local.properties文件

sdk.dir=/Users/xxx/developer/sdk

用yarn来代替npm管理库：命令简洁已用

brew install yarn

yarn add <Name> 举例：yarn add react-navigation

yarn remove <Name>

查看react-native 版本号

react-native -version

 学习github上案例时注意本地的版本可能和网上资源的rn版本不一致，所以代码有时不能直接使用

需要先用指定版本的react-native替换掉默认的版本

例如：yarn add react-native@0.20.0

开发过程：

用WebStorm打开News项目

编辑index.android.js

运行可以看到修改的效果

相关阅读：

React-Native生命周期

React-Native中文网

ECMAScript 6入门