Expo开发Android应用：图标出现蓝色背景问题求助

问题根源分析 #

从你的app.json配置看，Android自适应图标（adaptiveIcon）的前景图引用了splash.png，这大概率是导致异常的核心原因——启动页图片通常不适合作为自适应图标前景，且可能存在非透明背景或不符合图标规范的元素；另外也需要排查图标文件本身是否存在多余的蓝色背景/轮廓。

修复步骤 #

• 修正Android自适应图标配置
  把android.adaptiveIcon.foregroundImage路径改为你的主图标路径（和icon字段一致），确保前景图是专门的图标文件，而非启动页图片。同时确认backgroundColor是你需要的颜色（当前配置是#242525，如果实际显示蓝色，可能是图标文件本身的问题）。

• 检查图标文件规范

  • 确保icon.png是透明背景的PNG格式，用图像编辑工具打开，删除所有多余的蓝色图层或轮廓。
  • 图标尺寸建议为1024x1024像素，Expo会自动生成各平台所需的不同尺寸适配文件。

• 清除缓存并重建资源

  • 开发环境下，运行命令清除缓存后重启：

    expo r -c
    

  • 如果是构建独立安装包，先清理原生项目文件再重新构建：

    expo prebuild --clean
    # 之后执行对应的构建命令，比如 expo build:android
    

修改后的示例配置 #

{
  "expo": {
    "name": "Tube",
    "slug": "Tube",
    "version": "1.0.0",
    "orientation": "portrait",
    "icon": "./app/assets/icon.png",
    "userInterfaceStyle": "light",
    "splash": {
      "image": "./app/assets/icon.png",
      "resizeMode": "contain",
      "backgroundColor": "#242525"
    },
    "updates": {
      "fallbackToCacheTimeout": 0
    },
    "assetBundlePatterns": [
      "**/*"
    ],
    "ios": {
      "supportsTablet": true
    },
    "android": {
      "adaptiveIcon": {
        "foregroundImage": "./app/assets/icon.png",
        "backgroundColor": "#242525"
      }
    },
    "web": {
      "favicon": "./app/assets/logo-icon.png"
    }
  }
}

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