当我使用flutter create命令创建应用程序时,flutter标志将用作两个平台的应用程序图标。

如果我想改变应用程序的图标,我是否应该去两个平台的目录并替换那里的图像?我说的平台目录是myapp/ios/Runner/Assets.xcassets/AppIcon。apppiconset用于iOS, myapp/android/app/src/main/res用于android。

或者可以将图像定义为颤振资产和图标以某种方式生成?


当前回答

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

应用图标创造者

步骤1:上传图片

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

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

android/app/src/main/res

其他回答

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

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

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应用程序添加自适应启动器图标

没有任何包装

安卓

使用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。

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

应用图标创造者

步骤1:上传图片

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

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

android/app/src/main/res

在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