React Native 开始

前端之家收集整理的这篇文章主要介绍了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 模拟器,可以看到变化

猜你在找的React相关文章