Expo应用生成Android APK后应用图标放大显示异常如何解决

根因说明 #

该问题由Android 8.0及以上版本的自适应图标规范导致，你当前将普通全尺寸图标直接作为自适应图标前景图使用，系统自动裁切放大后就会出现显示不符合预期的问题。

具体排查&解决操作 #

• 检查自适应图标资源边距是否符合规范
  Android自适应图标要求前景图为1024x1024px尺寸，核心的图标内容必须放在画布中间672x672px的安全区域内，四周预留至少176px的透明边距，避免系统裁切时拉伸核心内容。你当前使用的普通全填充图标没有预留透明边距，直接作为前景图使用就会被系统放大。
• 调整配置优先级
  你当前配置中同时声明了android.icon普通图标和android.adaptiveIcon自适应图标，高版本Android会优先读取自适应图标配置。如果暂时不需要适配自适应图标，可直接删除android.adaptiveIcon完整节点，只保留android.icon配置，重新打包测试即可。
• 规范配置自适应图标
  如果需要适配自适应图标规范，单独制作对应的资源后修改配置如下：

"android": {
  "icon": "./assets/images/legacy_icon.png", // 适配Android 7.0及以下版本的普通图标，推荐432x432px尺寸
  "adaptiveIcon": {
    "foregroundImage": "./assets/images/adaptive_foreground.png", // 带透明边距的1024x1024px前景图
    "backgroundColor": "#FFFFFF"
    // 如需背景图可替换为："backgroundImage": "./assets/images/adaptive_background.png"
  }
}

• 清理缓存重新构建
  修改资源和配置后，先执行expo prebuild --clean命令清理历史构建缓存，再重新生成APK安装包测试，避免旧缓存导致配置不生效。
• 多版本兼容性测试
  如果需要覆盖全版本Android系统，可分别在Android 7.0及以下、8.0及以上的实体设备上测试图标显示效果，确认两种配置均正常生效。

内容的提问来源于stack exchange，提问作者tolu olatubosun