如何更改 ionic 6 中的图标和启动画面

Question

我目前正在使用最新版本的 Ionic（ Ionic 6 ）。在Ionic中完成程序后，我注意到一个问题。应用程序图标和启动屏幕是电容器默认值。如何在 Ionic 6 中更改它们。根据 Capacitor Docs，我应该使用 Cordova-res ，但我在其他地方读到应该使用 Capacitor/splash-screen 包。哪一个更好 ？另外，在它们两个中，我都需要“资源”文件夹，默认情况下该文件夹不在我的 Ionic 项目根目录中。我必须自己创建它并将图像放入其中吗？谢谢

Answer 1

是的，您必须自己创建文件夹并添加 2 个图像（icon.png、splash.png）。Cordova-res 工作得很好，无需担心。

\n

另外，对于 Android，您可能需要添加类似 icon-foreground.png 和 icon-background.png 的内容

\n

请按照以下步骤操作：https ://capacitorjs.com/docs/guides/splash-screens-and-icons

\n

首先，安装 cordova-res：

\n

npm install -g cordova-res\n

\n

cordova-res 需要一种类似 Cordova 的结构：将一个图标和一个启动屏幕文件放置在项目的顶级资源文件夹中，如下所示：

\n

resources/\n\xe2\x94\x9c\xe2\x94\x80\xe2\x94\x80 icon.png\n\xe2\x94\x94\xe2\x94\x80\xe2\x94\x80 splash.png\n

\n

接下来，运行以下命令生成所有图像，然后将它们复制到本机项目中：

\n

cordova-res ios --skip-config --copy\ncordova-res android --skip-config --copy\n

\n