如何减小React Native Expo应用的APK安装包体积？

一、构建阶段优化（针对安装包体积） #

• 构建正式Release版本：开发版包含调试工具、冗余日志和未优化代码，必须打包正式版。执行命令：
  cd android && ./gradlew assembleRelease
• 启用ProGuard/R8混淆压缩：在android/app/build.gradle中配置，移除未使用的代码和资源，同时混淆代码：

  buildTypes {
      release {
          minifyEnabled true
          shrinkResources true
          proguardFiles getDefaultProguardFile('proguard-android-optimize.txt'), 'proguard-rules.pro'
      }
  }
  

• 使用Android App Bundle拆分APK：Google Play会根据设备的架构、屏幕密度等生成针对性的APK，用户仅下载所需部分。执行命令：
  cd android && ./gradlew bundleRelease
• 清理冗余依赖与资源：
  • 删除package.json中未使用的第三方库；
  • 用lint工具检测并移除android/app/src/main/res下未用到的图片、布局文件：cd android && ./gradlew lint
• 优化图片资源：
  • 将图片转为WebP格式，在保证质量的前提下大幅减小体积；
  • 用SVG替代多分辨率位图，通过react-native-svg库加载；
  • 实现图片按需加载，避免一次性打包所有资源。

二、解决运行时体积波动问题 #

触摸按钮时体积忽增忽减，多由动态加载逻辑或临时内存占用异常导致，可从以下方向排查：

• 检查按钮触发的动态操作：如果点击时加载新组件、图片或数据，添加缓存机制避免重复加载；
• 排查内存泄漏：检查按钮回调中是否存在未销毁的订阅、定时器或无效引用，用React DevTools的Profiler工具查看组件挂载/卸载情况；
• 优化组件重渲染：使用React.memo、useMemo、useCallback减少不必要的重渲染，降低临时内存占用。

三、额外优化细节 #

• 配置Hermes引擎优化：启用Hermes可同时提升性能和减小体积，确保Release版本开启优化，在android/app/build.gradle中设置：

  project.ext.react = [
      enableHermes: true,
      hermesFlags: ['-O']
  ]
  

• 移除生产环境日志：通过babel插件打包时自动删除console.log，在babel.config.js中添加：

  module.exports = {
      presets: ['module:metro-react-native-babel-preset'],
      env: {
          production: {
              plugins: ['transform-remove-console']
          }
      }
  };
  

内容的提问来源于stack exchange，提问作者Dilmika Wanigarathna