环境需求

  1. OS X是开发iOS应用所必须的
  2. Homebrew(软件包管理工具)

    安装命令:

    1
    /usr/bin/ruby -e "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/master/install)"
  3. Node.js

    安装方法一:

    1
    brew install node

    安装方法二:(推荐)

    首先安装nvm(node.js版本管理)

    1
    brew install nvm

    安装最新版本node.js

    1
    2
    //(nvm alias default node指定全局版本)
    nvm install node && nvm alias default node
  4. watchman

    1
    brew install watchman
  5. flow(js代码类型检查)

    1
    brew install flow
  6. 安装React Native命令行工具

    1
    2
    3
    4
    5
    6
    7
    //(-g指定为全局安装)
    $ npm install -g react-native-cli
    //初始化项目
    $ react-native init AwesomeProject`
    //译注:由于众所周知的网络原因,react-native命令行从npm官方源拖代码时会遇上麻烦。请将npm仓库源替换为国内镜像:
    npm config set registry https://registry.npm.taobao.org
    npm config set disturl https://npm.taobao.org/dist

Demo运行

iOS
  • 1
    $ cd AwesomeProject
  • 用XCode打开ios/AwesomeProject.xcodeproj并点击Run按钮

  • 使用你喜欢的文本编辑器打开index.ios.js并随便改上几行
  • 在iOS Emulator中按下⌘-R就可以刷新APP并看到你的最新修改
Android
  • 1
    $ cd AwesomeProject
  • 1
    $ react-native run-android
  • 使用你喜欢的文本编辑器打开index.android.js并随便改上几行

  • 按Menu键(通常是F2,在Genymotion模拟器中是⌘+M)然后选择 Reload JS 就可以看到你的最新修改
  • 在终端下运行
    1
    adb logcat *:S ReactNative:V ReactNativeJS:V

可以看到你的应用的日志