code deep_
创建时间: 2026-03-24最后更新: 2026-03-24

1、创建新项目

如果你之前安装了全局的 react-native-cli, 请先卸载它, 因为他可能会导致意外问题

index.bash
1
npm uninstall -g react-native-cli @react-native-community/cli

然后在你的开发目录下, 运行如下指令创建一个名为 myapp 的新项目

index.bash
1
npx @react-native-community/cli@latest init myapp

在项目的安装过程中, iOS 的包管理工具 CocoaPods 会自动被安装, 因此我们无需手动安装. 但是由于网络问题经常出错, 我们可以去到 ios 目录下手动安装它

首先安装 cocoapods, 在终端中输入如下指令

index.bash
1
sudo gem install cocoapods

然后进入 ios 目录, 安装 iOS 项目的依赖包

index.bash
1
cd ios

2
pod install

如果你的 cocoapods 版本比较老, 你可以尝试更新它

index.bash
1
pod repo update

2
# 然后再重新安装依赖包

3
pod install

安装好之后, 效果如下所示：

准备好之后, 我们就可以在 iOS 的虚拟机上运行项目了.

3、启动 Metro

在项目中执行如下指令, 启动 Metro 服务器, Metro 与 Webpack 类似, 他是一个专门为 React Native 端到端设计的打包工具, 例如 Metro 使用 Babel 将 JSX 转为可执行的 JS 代码

index.bash
1
yarn start

终端如下所示, 表示启动成功

3、启动 iOS 模拟器

当 Metro Boundler 在终端中运行起来之后, 我们在 RN 项目文件下再开一个终端界面, 运行如下指令, 在 iOS 模拟器中运行项目

index.bash
1
yarn run ios

在运行过程中, 如果你的环境没准备好, 可能会报错或者自动安装对应版本的模拟器.

项目启动成功之后, 效果如下所示

本部分内容需要订阅后查看

 人已加入前往订阅