时间戳

首页 > 解决方案 > Expo Android自适应图标未出现

react-native - Expo Android自适应图标未出现

问题描述

我正在将 Expo 与我的 React Native 应用程序一起使用，并且已经达到了构建应用程序并将其部署到 Play 商店的地步。但是，我在 app.json 文件中设置 Android 自适应图标（前景/背景）字段时遇到问题。我遵循了 Expo 文档https://docs.expo.io/guides/app-icons/但是应用程序图标只是被一个白色圆圈包围。

{
  "name": "ChowTime",
  "displayName": "ChowTime",
  "expo": {
    "name": "ChowTime",
    "slug": "ChowTime",
    "version": "3.0.0",
    "icon":"./assets/icon.png",
    "android": {
      "package": "com.yourcompany.chowtime",
      "versionCode": 2,
      "icon": "./assets/icon.png",
      "adaptiveIcon": { 
        "foregroundImage": "./assets/icon.png",
        "backgroundColor": "#000000" 
      }
    },
    "splash": {
      "image": "./assets/splashScreen.png",
      "resizeMode": "cover"
    },
    "platforms": ["ios", "android", "web"],
    "assetBundlePatterns": ["**/*"]
  }
}

这是一个图标的图像，它似乎忽略了 android.adaptiveIcon 设置并反映了 expo.icon 图像

标签： react-nativeexpoandroid-iconsadaptive-icon

解决方案

在重建之前，您可能需要清理守望者、地铁和世博会缓存。在这里清理 node_modules 可能是不必要的，但清理整个房子没有害处！

如果使用纱线：

watchman watch-del-all
rm -rf /tmp/metro-*
rm -rf node_modules/ && yarn && expo r -c

或者对于 npm：

watchman watch-del-all
rm -rf /tmp/metro-*
rm -rf node_modules/ && npm i && expo r -c

更新：

似乎某些平台特定的 app.json 设置被 Expo 开发环境覆盖。尝试使用expo build:android -t apk（https://docs.expo.io/distribution/building-standalone-apps/#if-you-choose-to-build-for-android）并查看新版本是否具有预期的图标！

推荐阅读