背景

• 电脑：MacBook Pro(Apple M2 Max)
• React: 18.2.0
• React Native: 0.73.9
• Node: 18.20.3
• CocoaPods: 1.15.2
• Pnpm: 9.10.0

开发流程

初始化项目，可指定使用的 react-native 版本

npx react-native init example --version 0.73.9

步骤一：启动 Metro 服务器

切换到项目根目录，执行以下命令

# using pnpm
pnpm start

# using npm
npm start

# OR using Yarn
yarn start

步骤二：启动你的应用程序

打开新终端

1. Android

# using pnpm
pnpm android

# using npm
npm run android

# OR using Yarn
yarn android

2. IOS

# using pnpm
pnpm ios

# using npm
npm run ios

# OR using Yarn
yarn ios

注意:

• 需保证 ios 依赖已安装

# 切换到 ios 目录
cd ./ios

# 安装依赖
pod install

如何在 ReactNative 中使用 pnpm

由于 pnpm 使用了 symlinks 来优化磁盘空间，因此需要在 React Native 项目中对 metro 进行配置，使其能够处理软链接。

具体请参考 metro-resolver-symlinks 进行配置

注意

• 由于 pnpm 不存在幽灵依赖，存在显式的安装某个依赖，解决报错。

React Native 相关

安卓相关

gradle 常见指令

执行以下命令需要切到 android 目录下

cd ./android

./gradlew tasks

查看所有任务

./gradlew --refresh-dependencies

强制刷新依赖

./gradlew build

检查依赖，并编译打包

./gradlew clean

清理项目的构建输出

IOS 相关