像本地开发人员一样设置启动器图标

我在使用和理解flutter_launcher_icons包时遇到了一些麻烦。如果你是面向Android或iOS平台创造应用，你将如何做到这一点。一旦你做过几次，这是非常快速和简单的。

安卓

Android启动器图标有前景层和背景层。

(图片来自Android文档)

为Android创建启动器图标最简单的方法是使用Android Studio中提供的Asset Studio。你甚至不需要离开颤振项目。(VS Code用户，在这一步你可以考虑使用Android Studio。这真的非常方便，熟悉另一个IDE也无妨。)

右键单击项目大纲中的android文件夹。进入新建>图像资产。(尝试右键单击android/app文件夹，如果你没有看到图像资产作为一个选项。更多建议请参见下面的评论。)现在你可以选择一个图像来创建你的启动器图标。

注意:我通常使用1024x1024像素的图像，但你当然应该这样做 不要使用比512x512更小的东西。如果你正在使用Gimp或Inkscape，你 应该有两个图层，一个为前景，一个为 背景。前景图像应该有透明的区域 背景层显示通过。

(这里的狮子剪纸)

这将取代当前的启动器图标。你可以在mipmap文件夹中找到生成的图标:

如果您希望手动创建启动器图标，请参阅此回答以获得帮助。

最后，确保AndroidManifest中的启动器图标名称与上面所调用的相同(默认为ic_launcher):

application android:icon="@mipmap/ic_launcher"

在模拟器中运行应用程序，确认启动器图标已成功创建。

iOS

我以前总是手动调整iOS图标的大小，但如果你用的是Mac, Mac应用商店里有一个免费的应用程序，叫做Icon Set Creator。你给它一个图像(至少1024x1024像素)，它会吐出你需要的所有大小(加上内容)。json文件)。感谢你对建议的回答。

iOS图标不应该有任何透明度。点击这里查看更多指南。

创建图标集后，启动Xcode(假设你有一台Mac)，并使用它打开Flutter项目中的ios文件夹。然后转到Runner > Assets。xcassets并删除AppIcon项。

然后右键单击并选择Import....选择刚才创建的图标集。

就是这样。确认图标是通过在模拟器中运行应用程序创建的。

如果你没有Mac…

您仍然可以手工创建所有图像。在Flutter项目中，转到ios/Runner/Assets.xcassets/AppIcon.appiconset。

您需要的图像大小是文件名中的大小相乘。例如，Icon-App-29x29@3x.png将是29乘以3，即87像素的平方。您需要保持相同的图标名称，或者编辑JSON文件。

上面许多答案中推荐的flutter_launcher_icons包现在已经有一段时间没有更新了，并且正在抛出一个未捕获的异常。

你也可以使用icons_launcher包。

更新pubspec.yaml

dev_dependencies:
  icons_launcher: ^1.1.7

flutter_icons:
  image_path: 'assets/ic_logo_border.png'
  ios: true
  android: true

运行包

flutter pub get
flutter pub run icons_launcher:main

我建议你使用下面链接的这个网站

应用图标创造者

步骤1:上传图片

步骤2:做必要的修改，然后点击下载(不要更改文件名)

步骤3:解压下载的Zip文件在相应的文件夹

android/app/src/main/res

您必须将Flutter图标文件替换为您自己的图像。这个网站将帮助你把你的png转换成各种大小的启动器图标:

https://romannurik.github.io/AndroidAssetStudio/icons-launcher.html

最好的方法是分别改变iOS和Android的启动器图标。

分别修改iOS和Android模块的图标。 该插件从相同的图标产生不同大小的图标，这些图标是扭曲的。

点击这个链接: https://flutter.dev/docs/deployment/android

Flutter Launcher Icons已设计用于帮助快速生成Android和iOS的启动器图标:https://pub.dartlang.org/packages/flutter_launcher_icons

将包添加到您的pubspec中。yaml文件(在Flutter项目中)来使用它 pubspec之内。yaml文件指定图标的路径，你希望使用的应用程序，然后选择是否要使用图标的iOS应用程序，Android应用程序或两者。 运行包 瞧!默认的启动器图标现在已经替换为您的自定义图标

我希望在GitHub README中添加一个视频来演示它

演示如何运行该工具的视频可以在这里找到。

如果有人想提出改进建议/报告错误，请将其作为一个问题添加到GitHub项目中。

更新:截至2018年1月24日星期三，您应该能够创建新的图标，而不覆盖颤振项目中旧的现有启动器图标。

更新2:从v0.4.0(2018年6月8日)开始，你可以为Android图标指定一个图像，为iOS图标指定一个单独的图像。

更新3:截至v0.5.2(2018年6月20日)，您现在可以为您的Flutter项目的Android应用程序添加自适应启动器图标