今天来测试一下react native 0.67 打包APK 大小

react-native init appname

一个空包,然后运行

react-native run-android

测试react native 0.67默认打包

结果打包出来的debug 包大小为:40.626KB(40.6M)

使用WinRAR 打开apk包,确定RN 默认 ndk 包括 "armeabi-v7a", "x86", "arm64-v8a", "x86_64"。

我们开始打包release APK包:

cd android 然后 gradlew assembleRelease。

结果打包出来的release包大小为:27.971KB(27.9M)

确认 ndk 包括 "armeabi-v7a", "x86", "arm64-v8a", "x86_64"。

测试开启 Hermes JavaScript引擎打包

下一步,我们再开启 Hermes JavaScript引擎,看看apk 包大小是多少。

打开文件:android\app\build.gradle

把enableHermes: false 改为enableHermes: true

然后react-native run-android 打包debug包

结果打包出来的debug 包大小为:35.985KB(35.9M)

确认 ndk 包括 "armeabi-v7a", "x86", "arm64-v8a", "x86_64"。 

我们再继续打包release包

结果打包出来的release 包大小为:21.598KB(21.5M)

 确认 ndk 包括 "armeabi-v7a", "x86", "arm64-v8a", "x86_64"。

至此,react-native 0.67打包的最小空包为21.5M,但是通常我们手机只需要ndk 包括 "armeabi-v7a", "x86"就可以运行,所以我们减少ndk继续打包测试最小的apk size。

测试NDK只有"armeabi-v7a", "x86"两个时候打包大小

在文件android\app\build.gradle中添加 配置:

ndk {

            abiFilters "armeabi-v7a", "x86"

}

结果打包出来的debug 包大小为:19.627KB(19.6M)

继续打包release包:

结果打包出来的release包大小为:12.353KB(12.3M)

最后我们再来对bundle进行压缩后打包测试

结果release包大小:10.888KB(10.8M)

至此,react native 0.67版本打包 测试完毕:react-native 打包最小为10.8M

后来我又按照上面的方式继续测试react native v0.64.3版本打包,最小包为9.594KB(9.5M)

后来又测试了react native v0.62..3 最小包为 7.767KB(7.7M)

 

  • 2
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
打包React Native应用成为Android APK文件,你需要按照以下步骤进行操作: 1. 在项目根目录下打开终端,并执行以下命令来生成一个签名密钥库(keystore)文件: ``` keytool -genkey -v -keystore your-key-name.keystore -alias your-alias-name -keyalg RSA -keysize 2048 -validity 10000 ``` 按照提示输入相关信息,如密钥库密码、别名、密码、姓名等,并记住这些信息。 2. 在项目的`android/app`目录下创建一个名为`release.keystore.properties`的文件,并将以下内容添加到文件中: ``` storeFile=your-key-name.keystore storePassword=密钥库密码 keyAlias=your-alias-name keyPassword=别名密码 ``` 确保替换上述属性的值为你在第一步中设置的实际值。 3. 打开项目的`android/app/build.gradle`文件,并将以下代码添加到文件的末尾: ```groovy def keystorePropertiesFile = 'release.keystore.properties' def keystoreProperties = new Properties() keystoreProperties.load(new FileInputStream(keystorePropertiesFile)) android { ... signingConfigs { release { storeFile file(keystoreProperties['storeFile']) storePassword keystoreProperties['storePassword'] keyAlias keystoreProperties['keyAlias'] keyPassword keystoreProperties['keyPassword'] } } buildTypes { release { ... signingConfig signingConfigs.release } } } ``` 确保将`release.keystore.properties`文件路径正确地与`load`方法中的参数匹配。 4. 在终端中切换到项目根目录,并执行以下命令来生成APK文件: ``` cd android ./gradlew assembleRelease ``` 这个过程可能需要一些时间,取决于你的项目大小和配置。 5. 在`android/app/build/outputs/apk/release/`目录下找到生成的APK文件,它的名称类似于`app-release.apk`。 恭喜!你已经成功打包React Native应用成为Android APK文件。请记住,这个APK文件是发布版本,用于在设备上进行安装和分发。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值