如何在 Cordova 中设置图标？

Posted 2023-05-06

【中文标题】如何在 Cordova 中设置图标？

【英文标题】：How to set icon in Cordova?

【发布时间】：2020-10-10 04:42:27

【问题描述】：

我知道这个问题被问了很多，但在升级我的平台后，我仍然无法在我的 ios 和 android 应用中显示图标。

cordova --version | 9.0.0 (cordova-lib@9.0.1) cordova platforms | android 8.1.0 ios 5.0.1

在https://cordova.apache.org/docs/en/latest/config_ref/images.html 之后，我的第一次尝试是添加：<icon src="res/icon.png" /> 在构建应用程序后，我看到了图像Images.xcassets/AppIcon.appiconset。但图像不接受应用程序。

接下来，我生成了所有必要的图标大小并将它们加载到 res/icon/android 和 res/icon/ios 中，然后将以下图标引用添加到上述指南中的 config.xml。

运行cordova build ios，然后我看到图像Images.xcassets/AppIcon.appiconset 文件夹。但是，当我在模拟器中运行应用程序时，我的图标仍然没有设置。

当我运行 cordova build android 时出现构建错误：AAPT: error: resource mipmap/ic_launcher (aka com.project.mine:mipmap/ic_launcher) not found.

有什么想法吗？

编辑：如果我进入 Xcode General -> App Icon Source 并单击箭头以访问 App Icon。我看到了将所有图标手动拖动到正确位置的选项。我看到我所有的图标都有一个警告：“应用程序图标集“AppIcon”有 22 个未分配的孩子”。看起来我可以手动调整图像大小并正确拖动它们。

我想知道是否有自动的方法来做到这一点？

【参考方案1】：

接下来，我生成了所有必要的图标大小并将它们加载到 res/icon/android 和 res/icon/ios 中，然后将以下图标引用添加到上述指南中的 config.xml。

你是手工做的吗？ ?

有一个包可以为你做这一切。

npm install -g cordova-res
cordova-res

您需要以下文件结构：

resources/
├── icon.png
└── splash.png
config.xml

另外：在 Android 中，有时会缓存图标。您必须重新启动启动器或手机。 （也许清理应用缓存也可以）

【讨论】：

我实际上使用了不同的工具来生成它们。我想你可能会对缓存有所了解。由于不同的原因，我不得不清除所有内容，我注意到我的所有图标现在都可以使用。谢谢！

所以我注意到收到的通知中缺少该图标，并决定尝试使用此工具。它正确生成了图标。但现在我失去了我的“应用程序切换器图标”。我试图重建一切，但没有任何运气。有什么想法吗？

您是指切换应用时顶部的图标？它应该在那里......可能仍然是一个缓存问题......

正确，那个图标。我现在能够解决那个问题。我仍然存在的唯一图标问题是通知图标。它似乎可以在某些设备上运行，但在其他设备上它只是一个灰色圆圈。