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

react native 如何打包

cd android && ./gradlew assembleRelease

iOS 打包

配置 Xcode 项目:

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

导出 IPA 文件:

react native 如何打包

  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)

标签: reactnative
分享给朋友:

相关文章

如何降低react版本

如何降低react版本

降低 React 项目版本的步骤 检查当前 React 版本 运行以下命令查看项目中安装的 React 当前版本: npm list react 或 yarn list react 修改…

如何优化react

如何优化react

优化 React 性能的方法 使用 React.memo 或 PureComponent 对于函数组件,使用 React.memo 进行记忆化,避免不必要的重新渲染。类组件可以使用 PureCompo…

react如何调试

react如何调试

调试 React 应用的方法 使用 React Developer Tools React Developer Tools 是 Chrome 和 Firefox 的浏览器扩展,可以检查组件树、状态和…

react 如何跳转

react 如何跳转

使用 React Router 进行页面跳转 React 应用中通常使用 react-router-dom 库实现页面跳转。以下是几种常见的跳转方式: 安装依赖 npm install react…

如何安装react

如何安装react

安装React的方法 方法一:使用Create React App(官方推荐) Create React App是官方提供的脚手架工具,适合快速搭建React项目。确保已安装Node.js(建议版本≥…

如何关闭react

如何关闭react

关闭React应用的步骤 在开发或运行React应用时,可能需要关闭正在运行的开发服务器或停止应用。以下是几种常见情况的处理方法: 停止开发服务器 如果正在使用npm start或yarn star…