React Native 开始

安装

目前 React Native 只支持 OS X

(1) Homebrew

Homebrew 是 Mac 中的一个包管理器，用于安装 Watchman 和 Flow

(2) Node.js 和 npm

Node.js 需要 4.0 或更新。npm 会随之安装

(3) watchman 和 flow

这两个包分别是监控文件变化和类型检查的

brew install watchman
brew install flow

(4) React-Native

npm install -g react-native-cli

问题

上面的第(4)步出现以下提示

/usr/local/bin/react-native -> /usr/local/lib/node_modules/react-native-cli/index.js
npm WARN unmet dependency /usr/local/lib/node_modules/npm/node_modules/read-installed/node_modules/readdir-scoped-modules requires graceful-fs@'^4.1.2' but will load
npm WARN unmet dependency /usr/local/lib/node_modules/npm/node_modules/read-installed/node_modules/graceful-fs,
npm WARN unmet dependency which is version 3.0.8
react-native-cli@0.1.4 /usr/local/lib/node_modules/react-native-cli
└── prompt@0.2.14 (revalidator@0.1.8, pkginfo@0.3.0, read@1.0.7, winston@0.8.3, utile@0.2.1)

进入

cd /usr/local/lib/node_modules/npm/node_modules/read-installed/

执行

sudo npm install graceful-fs

再次执行

npm install -g react-native-cli

，不会出现WARN信息了

运行IOS App

初始化一个项目

react-native init AwesomeProject
cd AwesomeProject

用Xcode打开

ios/AwesomeProject.xcodeproj

并运行

用文本编辑器打开

index.ios.js

，修改并保存，

⌘+R

重新打开iOS 模拟器，可以看到变化