React Native 0.76 升级后 APK 体积增大的原因及优化方案

在将 React Native 从 0.71 升级到 0.76 后,打包体积从 40 多 MB 增加到了 80 MB。经过一系列排查和优化,最终找到了解决方案,并将优化过程整理如下。

1. React Native 0.76 体积增大的可能原因

(1) 新架构默认启用

React Native 0.76 默认启用了 New Architecture(新架构),包括:

  • JSI(JavaScript Interface)

  • Fabric(新的 UI 渲染系统)

  • Turbo Modules(优化原生模块交互)

  • Codegen(自动代码生成)

  • Hermes(默认 JavaScript 引擎)

新架构的引入可能导致原生代码增加,从而导致包体积变大

(2) 旧架构导致 UI 渲染异常

gradle.properties 文件中,尝试将:

newArchEnabled=true  # 新架构启用

修改为:

newArchEnabled=false  # 禁用新架构

打包后 APK 体积恢复到 40 多 MB,但运行时 部分 UI 渲染异常,说明某些 UI 组件依赖了新架构。

(3) 缺少 Progu

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

wen's

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付:¥1
获取中
扫码支付

您的余额不足,请更换扫码支付或充值

打赏作者

实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值