当前位置:首页 > React

react native如何打包

2026-03-30 23:10:22React

打包 React Native 应用(Android/iOS)

Android 打包步骤

生成签名密钥(如果尚未创建):

keytool -genkey -v -keystore my-release-key.keystore -alias my-key-alias -keyalg RSA -keysize 2048 -validity 10000

android/gradle.properties 添加密钥配置:

MYAPP_RELEASE_STORE_FILE=my-release-key.keystore
MYAPP_RELEASE_KEY_ALIAS=my-key-alias
MYAPP_RELEASE_STORE_PASSWORD=yourpassword
MYAPP_RELEASE_KEY_PASSWORD=yourpassword

修改 android/app/build.gradle 签名配置:

android {
    ...
    signingConfigs {
        release {
            storeFile file(MYAPP_RELEASE_STORE_FILE)
            storePassword MYAPP_RELEASE_STORE_PASSWORD
            keyAlias MYAPP_RELEASE_KEY_ALIAS
            keyPassword MYAPP_RELEASE_KEY_PASSWORD
        }
    }
    buildTypes {
        release {
            ...
            signingConfig signingConfigs.release
        }
    }
}

生成 APK/AAB:

cd android && ./gradlew assembleRelease
# 或生成 App Bundle
cd android && ./gradlew bundleRelease

输出文件路径:

  • APK: android/app/build/outputs/apk/release/app-release.apk
  • AAB: android/app/build/outputs/bundle/release/app-release.aab

iOS 打包步骤

配置 Xcode 项目:

  1. 打开 ios/YourProject.xcworkspace(注意是 .xcworkspace 而非 .xcodeproj
  2. 在 Xcode 顶部菜单选择 Product > Scheme > Edit Scheme,确保 RunArchive 的构建配置均为 Release

设置应用图标和启动屏: 在 Xcode 中配置 Assets.xcassets 中的 AppIconLaunchScreen

生成归档文件:

  1. 在 Xcode 中选择 Product > Archive
  2. 等待编译完成后,在 Organizer 窗口中选择生成的归档文件
  3. 点击 Distribute App 选择发布方式(App Store/Ad Hoc/Development)

通用优化建议

减小包体积:

  • 启用 ProGuard(Android)或混淆(iOS)
  • 使用 react-native bundle 生成离线资源包
  • 移除未使用的依赖库

环境配置:

  • 确保 react-native.config.js 正确配置资源文件夹
  • 检查 metro.config.js 中的资源扩展配置

版本管理:

  • 同步更新 package.json 和原生端的版本号
  • Android: android/app/build.gradle 中的 versionCodeversionName
  • iOS: Info.plist 中的 CFBundleShortVersionStringCFBundleVersion

调试包与发布包区别

开发模式:

  • 包含完整的错误提示和警告
  • 支持 Hot Reloading
  • 未优化的 JavaScript 代码

发布模式:

react native如何打包

  • 移除所有开发工具
  • 启用代码压缩和优化
  • 使用 AOT 编译(iOS)
  • 需要手动处理异常捕获

标签: reactnative
分享给朋友:

相关文章

react 如何运行

react 如何运行

运行 React 项目的步骤 安装 Node.js 确保系统已安装 Node.js(建议版本 16+),可通过官网下载并安装。安装后验证版本: node -v npm -v 创建 React 项目…

react如何卸载

react如何卸载

卸载 React 项目或依赖 如果需要完全卸载 React 项目或相关依赖,可以按照以下步骤操作: 删除项目文件夹 直接删除整个项目文件夹是最彻底的方式。确保已备份重要代码或配置文件。 卸载全局安…

react 如何循环

react 如何循环

循环渲染列表 在React中,循环渲染列表通常使用map方法。map可以遍历数组并返回一个新的React元素数组。 const items = ['Apple', 'Banana', 'Orange…

react如何扩展

react如何扩展

扩展 React 项目的常用方法 使用高阶组件(HOC) 高阶组件是一种复用组件逻辑的方式。通过包裹组件并注入额外属性或逻辑,可以实现功能扩展。例如,一个日志记录的高阶组件: function…

react项目如何启动

react项目如何启动

启动React项目的步骤 确保已安装Node.js(建议版本12以上)和npm/yarn。可通过以下命令检查版本: node -v npm -v 全局安装create-react-app脚手架工具(…

如何设计react组件

如何设计react组件

设计 React 组件的核心原则 React 组件的设计需要遵循高内聚、低耦合的原则,确保组件功能独立且易于维护。组件的设计可以分为展示组件和容器组件两类,展示组件负责 UI 渲染,容器组件负责逻辑处…