- 创建目录结构和安装ReactNative
- 创建目录
在本地创建一个文件夹作为项目的根目录,在根目录下创建package.json
文件,把下边代码填写里边
{
"name": "MyReactNativeApp",
"version": "0.0.1",
"private": true,
"scripts": {
"start": "node node_modules/react-native/local-cli/cli.js start"
}
}
- 安装React Native
$ yarn add react-native
也可以选择某一版本的react-native,只需要在后边加--version 0.44.3
安装完成后会出现一行错误
warning "react-native@0.52.2" has unmet peer dependency "react@16.2.0".
这说明还需要安装对应版本的React
yarn add react@16.2.0
- 可能出现的错误
Please try running this command again as root/Administrator
该错误说明需要管理员权限
sudo chown -R $USER /usr/local
- 用CocoaPods导入
在Podfile中添加需要的依赖文件,然后执行install
# 'node_modules'目录一般位于根目录中
# 但是如果你的结构不同,那你就要根据实际路径修改下面的`:path`
pod 'React', :path => '../node_modules/react-native', :subspecs => [
'Core',
'CxxBridge', # 如果RN版本 >= 0.47则加入此行
'DevSupport', # 如果RN版本 >= 0.43,则需要加入此行才能开启开发者菜单
'RCTText',
'RCTNetwork',
'RCTWebSocket', # 调试功能需要此模块
'RCTAnimation', # FlatList和原生动画功能需要此模块
# 在这里继续添加你所需要的其他RN模块
]
# 如果你的RN版本 >= 0.42.0,则加入下面这行
pod 'yoga', :path => '../node_modules/react-native/ReactCommon/yoga'
# 如果RN版本 >= 0.45则加入下面三个第三方编译依赖
pod 'DoubleConversion', :podspec => '../node_modules/react-native/third-party-podspecs/DoubleConversion.podspec'
pod 'glog', :podspec => '../node_modules/react-native/third-party-podspecs/glog.podspec'
pod 'Folly', :podspec => '../node_modules/react-native/third-party-podspecs/Folly.podspec'
剩下的就交给Xcode来做了
-
运行 Packager
首先需要启动开发服务器(即 Packager,它负责实时监测 js 文件的变动并实时打包,输出给客户端运行)。一定要进入到根目录(上边创建的目录)中启动
nmp start
网友评论