当前位置:首页 > React

react native 如何打包

2026-03-30 23:01:23React

打包 React Native 应用(Android)

生成签名密钥
在 Android 项目中生成签名密钥文件(my-release-key.keystore),使用以下命令:

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

配置 Gradle 文件
android/app/build.gradle 中添加签名配置:

android {
    signingConfigs {
        release {
            storeFile file('my-release-key.keystore')
            storePassword 'your_password'
            keyAlias 'my-key-alias'
            keyPassword 'your_password'
        }
    }
    buildTypes {
        release {
            signingConfig signingConfigs.release
        }
    }
}

生成 APK 文件
运行以下命令生成发布版 APK:

cd android && ./gradlew assembleRelease

生成的 APK 路径为 android/app/build/outputs/apk/release/app-release.apk

打包 React Native 应用(iOS)

配置 Xcode 项目
打开 ios/YourProject.xcworkspace,在 Xcode 中选择目标设备为 Generic iOS Device

设置发布模式
在 Xcode 菜单栏选择 Product > Scheme > Edit Scheme,将 Build Configuration 设置为 Release

生成 IPA 文件
选择 Product > Archive,等待归档完成后,通过 Distribute App 导出 IPA 文件。

其他注意事项

环境检查
确保本地已安装 Node.js、JDK、Android Studio(Android)或 Xcode(iOS)。

资源优化
打包前移除未使用的资源或代码,减小应用体积。

测试发布版本
在真机上测试发布版本,确保功能正常。

react native 如何打包

版本号更新
package.json 或原生项目配置文件中更新应用版本号。

标签: reactnative
分享给朋友:

相关文章

如何改造react

如何改造react

改造 React 项目的关键方法 分析当前项目结构 通过评估现有组件、状态管理和依赖项,明确需要改进的部分。使用工具如 webpack-bundle-analyzer 识别性能瓶颈。 升级 Reac…

vscode如何配置react

vscode如何配置react

配置 VSCode 进行 React 开发 安装必要插件 ES7+ React/Redux/React-Native snippets:提供 React 代码片段快速生成功能。 Prettier -…

react 如何设置 代理

react 如何设置 代理

在 React 中设置代理 在开发过程中,为了跨域请求后端 API,可以通过配置代理来解决。以下是几种常见的设置代理的方法: 使用 package.json 配置代理 在 package.json…

react如何修改值

react如何修改值

修改 React 组件的值 在 React 中修改值通常涉及状态管理。根据组件的类型(类组件或函数组件)和状态管理方式(本地状态或全局状态),方法有所不同。 使用 useState(函数组件) 在函…

vscode如何开发react

vscode如何开发react

使用 VSCode 开发 React 的配置指南 安装必要工具 确保 Node.js 和 npm/yarn 已安装,可以通过终端输入 node -v 和 npm -v 检查版本。若未安装,需从官网下载…

react 如何引用slider

react 如何引用slider

使用 React 实现 Slider 组件 在 React 中实现 Slider 功能可以通过原生 HTML 的 <input type="range"> 或第三方库(如 react-sl…