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

我在使用和理解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文件。

我按照以下步骤进行了修改:

1)请在您的pubspec中添加此依赖项。yaml页面

 dev_dependencies:
  flutter_test:
    sdk: flutter
  flutter_launcher_icons: ^0.7.4

2)你必须在你的项目上上传一个你想要作为启动器图标的图像/图标。(我已经在我的项目中创建了一个文件夹名称:image，然后在image文件夹中上传logo.png)。现在您必须添加以下代码并将图像路径粘贴到pubspec中的image_path:上。yaml的页面。

flutter_icons:
  image_path: "images/logo.png"
  android: true
  ios: true

3)进入终端执行如下命令:

flutter pub get

4)执行命令后输入以下命令:

flutter pub run flutter_launcher_icons:main

5)完成

注意:(当然从。添加一个更新的依赖项。

https://pub.dev/packages/flutter_launcher_icons#-installing-tab-

)

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

我在使用和理解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图标文件替换为您自己的图像。这个网站将帮助你把你的png转换成各种大小的启动器图标:

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

在Flutter中设置应用程序图标的最佳推荐方法。

我找到了一个插件来设置应用程序图标在flutter名为flutter_launcher_icons。我们可以使用这个插件在flutter中设置应用程序图标。

在pubspec中添加此插件。项目根目录下的Yaml文件。请检查以下代码，

dependencies:    
 flutter:    
  sdk: flutter    
 cupertino_icons: ^0.1.2    
 flutter_launcher_icons: ^0.7.2+1**    

保存文件并在终端上运行flutter pub get。

在项目的根文件夹资产中创建一个文件夹资产，同时创建一个文件夹图标，并将应用程序图标放在这个文件夹中。我将推荐给用户1024x1024的应用程序图标大小。我已经把应用程序图标放在图标文件夹内，现在我有应用程序图标路径为assets/icon/icon.png 现在，在pubspec中。Yaml添加下面的代码，

flutter_icons:    
 android: "launcher_icon"    
 ios: true    
 image_path: "assets/icon/icon.png"

保存文件并在终端上运行flutter pub get。运行命令后，运行第二条命令，如下所示

flutter pub run flutter_launcher_icons:main -f pubspec.yaml 

然后运行App

没有任何包装

安卓

使用Android Asset Studio在Flutter项目的根目录中创建一个自适应启动器图标。 将生成的启动器图标文件添加到项目的android/app/src/main/res/mipmap-*/目录下。 编辑android/app/src/main/AndroidManifest.xml文件，并在标签下面添加如下一行:

<应用android:图标= " @mipmap / ic_launcher”>

运行flutter build apk命令生成带有新启动器图标的apk。

iOS

使用应用程序图标生成器在Flutter项目的根目录中创建自适应应用程序图标。 将生成的应用图标文件添加到项目的ios/Runner/Assets.xcassets/AppIcon。appiconset /目录中。 编辑ios/Runner/Info. conf文件。Plist文件，并在标签下面添加以下一行:

<key>CFBundleIconName</key>
<string>AppIcon</string>

运行flutter build ios命令生成带有新启动器图标的IPA。