当前位置:首页 > React

react native 如何打包

2026-01-15 11:08:33React

打包 React Native 应用

Android 打包

生成签名密钥文件:

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

配置 gradle 文件: 在 android/gradle.properties 添加:

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

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:

cd android && ./gradlew assembleRelease

iOS 打包

配置 Xcode 项目:

  1. 在 Xcode 中打开 ios/YourProject.xcworkspace
  2. 选择目标设备为 Generic iOS Device
  3. 选择 Product > Archive

导出 IPA 文件:

  1. 在 Organizer 窗口中选择生成的 archive
  2. 点击 Distribute App
  3. 选择分发方式(App Store 或 Ad Hoc)

环境配置

确保正确配置打包环境:

  • Android 需要安装 JDK 和 Android Studio
  • iOS 需要安装 Xcode 和开发者账号
  • 设置正确的环境变量(如 ANDROID_HOME)

优化包体积

减小 APK/IPA 大小的方法:

  • 启用 ProGuard 或 R8(Android)
  • 移除未使用的资源
  • 使用 Hermes 引擎
  • 启用代码分割

持续集成

常见 CI/CD 配置:

react native 如何打包

  • 使用 Fastlane 自动化打包流程
  • 配置 GitHub Actions 或 Bitrise 进行自动构建
  • 设置自动签名(iOS)

标签: reactnative
分享给朋友:

相关文章

react如何销毁

react如何销毁

React 组件销毁的机制 在 React 中,组件的销毁通常由 React 的生命周期管理。当组件从 DOM 中移除时,React 会自动触发销毁相关的生命周期方法。以下是关键点: 组件的销毁通常…

react如何遍历

react如何遍历

遍历数组或对象的方法 在React中,遍历数组或对象通常用于渲染列表或动态生成内容。以下是几种常见的遍历方法: 使用map遍历数组map是遍历数组并返回新数组的高阶函数,适合渲染列表。…

如何配置react

如何配置react

配置React项目的步骤 安装Node.js和npm 确保系统已安装Node.js(包含npm)。可通过官网下载并安装最新版本。安装完成后,运行以下命令验证版本: node -v npm -v 创建…

react如何循环

react如何循环

循环渲染列表 在React中循环渲染列表通常使用map方法,这是最常用的方式。通过map可以将数组中的每个元素转换为React元素并渲染到页面上。 const items = ['Apple', '…

react native如何

react native如何

React Native 基础知识 React Native 是一个由 Facebook 开发的框架,用于使用 JavaScript 和 React 构建跨平台移动应用。它允许开发者编写一次代码,同时…

小白如何搭建react

小白如何搭建react

安装 Node.js 和 npm 确保系统已安装 Node.js(包含 npm)。可通过官网下载安装包(https://nodejs.org/),选择 LTS 版本。安装完成后,终端运行以下命令验证版…