Flutter 在 VSCode 中为 android 添加圆形应用图标

Posted

技术标签:

【中文标题】Flutter 在 VSCode 中为 android 添加圆形应用图标【英文标题】:Flutter add round app icon for android in VSCode 【发布时间】:2021-10-16 05:03:24 【问题描述】:

我在我的 iosandroid 应用中添加了应用图标。我看了这个Tutorial,到目前为止它正在工作。但我遇到的问题是我的 Android 图标现在看起来像这样:

但图标应该填满圆圈。在本教程中,它展示了如何在 Android Studio 中执行此操作,但我使用的是 VSCode。我尝试搜索它,但找不到任何东西。我该如何完成?

顺便说一句,我没有使用flutter_launcher_icons

【问题讨论】:

flutter_launcher_icons 这个插件是为了减轻压力而创建的......所以使用它 @GbengaBAyannuga 在他们的文档中我没有看到任何关于如何让它像视频中显示的那样填充的内容。视频其实很简单,没什么花哨的。我只需要一种方法来在 VSCode 中完成这项工作。 【参考方案1】:

Flutter 在其 Android 和 Ios 文件夹中的每个应用都有自己的默认图标,因此我想展示几个步骤来更改应用图标。

前往https://appicon.co/ 并使用图标图像生成您自己的图标(zip 文件包含两个主要文件夹 android 和 Assets.xcassets)

对于 android:进入 Flutter 应用中的 android\app\src\main\res 并粘贴 android 文件夹内容。

对于 IOS:进入 Flutter 应用中的 ios\Runner 并粘贴 Assets.xcassets 内容

重启你的模拟器或重建你的应用程序?

【讨论】:

我就是这么做的。问题是我的图标应该填满整个 Android 图标,而不是正方形

以上是关于Flutter 在 VSCode 中为 android 添加圆形应用图标的主要内容,如果未能解决你的问题,请参考以下文章

vscode 中flutter找不到模拟器

sh 在PATH中为VSCode添加代码命令

在 VSCode 中为 JSX 配置 Emmet

在 vscode 中为 .bat 文件中的“开始”命令打开一个新终端

如何在 VSCode 用户设置中为深色和浅色主题指定颜色

如何在 VsCode 中调试 Flutter?