安装依赖
需要安装的依赖有:Node、Watchman 和React Native 命令行工具以及Xcode(Xcode 是用来获得编译iOS应用所需的工具和环境)
Node 、watchman
用Homebrew
来安装Node和Watchman 相关命令:
brew install node
brew install watchman
watchman 是有Facebook提供的监视文件系统变更的工具。安装此工具可以实现实时刷新提高开发效率
Yarn、React Native 的命令行工具(react-native-cli)
Yarn 是有Facebook提供的替代npm的工具, 可以加速node模块的下载。React Native 的命令行工具用于执行创建、初始化、更新项目
运行打包服务(packager)等任务
npm install -g yarn react-native-cli
安装完 yarn 之后就可以用 yarn 代替 npm 了,例如用yarn
代替npm install
命令,用yarn add 某第三方库名
代替npm install 某第三方库名
Xcode 官网下载
创建第一个项目
创建一个名为AwesomeProject的新项目
react-native init AwesomeProject // init 命令默认会创建最新的版本。
react-native init MyApp --version 0.44.3 //可以使用--version参数创建指定版本的项目
如果你是想把 React Native 集成到现有的原生项目中,则步骤完全不同,请参考集成到现有原生应用。
编译并运行 React Native 应用
在你的项目目录中运行react-native run-ios :
cd AwesomeProject
react-native run-ios
执行react-native run-ios 的时候可能会报错, 注意要先对你的iOS 项目pod install, 对你的RN项目 yarn / npm install
或者在Xcode中直接运行:
提示:如果 run-ios 无法正常运行,请使用 Xcode 运行来查看具体错误(run-ios 的报错没有任何具体信息)。注意0.60版本之后的主项目文件是.xcworkspace,不是.xcodeproj!