当前位置:首页 > 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 配置:

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

react native 如何打包

标签: reactnative
分享给朋友:

相关文章

电脑如何安装react

电脑如何安装react

安装 Node.js 和 npm React 项目依赖 Node.js 环境,需先安装 Node.js(自带 npm)。访问 Node.js 官网 下载 LTS 版本,运行安装程序并完成配置。安装后,…

如何降低react版本

如何降低react版本

降低 React 项目版本的步骤 检查当前 React 版本 在项目根目录的 package.json 文件中查看 dependencies 或 devDependencies 下的 react 和…

react实现vue

react实现vue

React 实现 Vue 功能 React 和 Vue 是两种不同的前端框架,但可以通过一些方法在 React 中实现 Vue 的特性。以下是几种常见 Vue 功能在 React 中的实现方式: 双…

react native如何启动

react native如何启动

如何启动 React Native 项目 安装 Node.js 和 npm 确保已安装 Node.js(建议版本 16 或更高)和 npm(Node.js 自带)。可通过以下命令检查版本: nod…

如何评价react native

如何评价react native

React Native 的优势 跨平台开发效率高:基于 JavaScript 和 React 语法,可同时开发 iOS 和 Android 应用,减少重复代码量。性能接近原生:通过原生组件渲染,性能…

react如何取消渲染

react如何取消渲染

取消渲染的方法 在React中,取消渲染通常指的是在某些条件下阻止组件渲染或中断正在进行的渲染过程。以下是几种常见的方法: 条件渲染 通过条件判断决定是否渲染组件或部分内容。可以使用if语句或三元…