当前位置:首页 > 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 的发音 React 的发音为 /riˈækt/(音标),读作“瑞-艾克特”。其中: “Re” 发音类似英文单词 “read” 的开头部分。 “act” 发音与英文单词 “act” 一…

如何开发react

如何开发react

开发React应用的基本步骤 安装Node.js和npm 确保系统中已安装Node.js(包含npm)。可通过官网下载安装包,安装后验证版本: node -v npm -v 创建React项目…

react如何安装

react如何安装

安装React的步骤 确保已安装Node.js(建议版本12或更高),可通过以下命令检查版本: node -v npm -v 使用Create React App快速搭建项目(推荐): npx c…

odyssey react 如何

odyssey react 如何

Odyssey React 是耐克推出的一款跑鞋系列,以其轻量化设计和React泡沫缓震技术著称。以下是关于该系列鞋款的主要特点和使用建议: 核心特点 React泡沫中底提供出色的能量回馈和缓震效果…

小白如何搭建react

小白如何搭建react

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

如何设计react组件

如何设计react组件

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