React Native——安装（Setup）

配置

1. OSX 目前只支持OSX

2. 安装Homebrew
   ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"

3. 安装Node.js

   • 安装nvm
     brew install nvm
mkdir ~/.nvm
     .bashrc或者.zshrc里添加
     export NVM_DIR=~/.nvm
source $(brew --prefix nvm)/nvm.sh
   • 安装node.js
     nvm install node && nvm alias default node
   • 安装watchman
     brew install watchman

4. Android环境

   • JDK
   • Andorid SDK
   • 在.bashrc或者.zshrc中添加
     export export ANDROID_HOME=sdk路径

第一个示例

$ npm install -g react-native-cli
$ react-native init AwesomeProject
$ cd AwesomeProject/
$ react-native run-android

异常说明：

• 例子使用Android API 23，BuildTool 23.0.1，需要先下载这两个版本
• 示例应用会在电脑端启动一个server，客户端连接server，如果使用模拟器可以直接运行，如果使用真机提示Unable to download JS bundle，需要对真机进行配置

真机调试配置

• 通过USB调试
  adb reverse tcp:8081 tcp:8081
• 通过wifi
  摇手机出现menu菜单，选择Dev Settings -> Debug server host for device，输入电脑端的ip，重新启动应用

运行结果