地址:React Native 中文网 · 使用React来编写原生应用的框架
一、安装依赖
我因为很久没用 brew 了,网络比较一般,报了很多奇怪的错
1. 可以更新一下 homebrew
brew update
2. 重新卸载 brew,再安装 brew
// 卸载
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/uninstall.sh)"
// 安装brew https://brew.sh/
/bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"
3. node 安装 18 版本的
brew install node@18
4. 安装Watchman
brew install watchman
5. app Store 下载Xcode
6. 安装 yarn
npm install -g yarn
7. 安装CocoaPods
brew install cocoapods
注意:安装各种依赖的时候,特别慢,需要科学上网,如果报错信息是网络的问题,需要多次重复一下安装操作。
二、创建项目
如果你之前全局安装过旧的react-native-cli命令行工具,请使用npm uninstall -g react-native-cli卸载掉它以避免一些冲突
npm uninstall -g react-native-cli @react-native-community/cli
1. 创建项目,名称为appTest
npx react-native@latest init appTest
2. 运行项目
i. 用 vscode 打开创建的项目, 进入 ios 目录
cd ios
ii. pod install
pod install
iii. yarn ios 或者 yarn react-native run-ios
yarn ios
# 或者
yarn react-native run-ios
注意:yarn react-native run-ios 运行的特别久,耐心等待一下