如何在React Native Expo项目中创建iOS、Android文件夹并生成最终构建包
Expo 项目原生文件夹生成与构建包操作指南
生成iOS、Android原生文件夹
- 前置要求:本地已配置对应平台原生开发环境:iOS需安装Xcode、CocoaPods;Android需安装Android Studio、匹配版本的JDK与Android SDK
- 操作步骤:
- 进入项目根目录,执行预构建命令:
全平台生成:npx expo prebuild
仅生成iOS文件夹:npx expo prebuild --platform ios
仅生成Android文件夹:npx expo prebuild --platform android - 命令执行完成后,项目根目录将自动生成
ios、android原生文件夹,同步自动安装对应原生依赖,iOS端会自动执行pod install操作。
- 进入项目根目录,执行预构建命令:
- 注意事项:后续修改
app.json/app.config.js中的原生相关配置后,需重新执行prebuild命令同步配置到原生项目中
如果你没有自定义原生代码的需求,仅需完成打包发布,无需手动生成原生文件夹,直接使用云构建即可完成打包。
生成最终构建包
方式一:EAS云构建(无需本地配置原生环境,推荐)
- 步骤:
- 全局安装EAS命令行工具:
npm install -g eas-cli - 登录Expo账号:
eas login,按照提示输入账号密码完成登录 - 初始化构建配置:
eas build:configure,按照提示选择需要构建的平台,自动生成eas.json配置文件 - 执行生产构建:
构建iOS生产包(.ipa格式):eas build --platform ios --profile production
构建Android生产包:默认输出AAB格式(适用于Google Play上架),若需要APK格式可提前在eas.json中配置,命令为:eas build --platform android --profile production - 构建完成后可直接在终端提示的路径下载对应安装包。
- 全局安装EAS命令行工具:
方式二:本地原生构建(已生成原生文件夹的场景)
Android本地构建
- 进入Android目录:
cd android - 执行打包命令:
生成Google Play上架用AAB包:./gradlew bundleRelease
生成可直接安装测试的APK包:./gradlew assembleRelease - 构建完成的包文件存储路径:
android/app/build/outputs/下对应bundle/release或apk/release目录中。
iOS本地构建
- 打开Xcode,选择ios目录下的
.xcworkspace文件打开项目 - 顶部设备选择栏选择任意真机设备(不可选择模拟器)
- 点击顶部菜单栏
Product > Archive执行归档操作 - 归档完成后按照Xcode引导操作,可导出用于TestFlight测试或App Store上架的.ipa安装包。
内容的提问来源于stack exchange,提问作者MadhuriP
相关产品推荐
相关产品推荐

