使用 flutter_launcher_icons 自动生成 Flutter 应用程序图标

今年大半年我一直在开发一款扑翼应用程序,当我们接近发布时,我意识到我还没有设置应用程序的图标。我最初用Xcode和Android Studio设置了我的图标,但在找到fltter_Launcher_icons插件后--我再也不需要手动操作了!

要自己看看这是如何工作的,请启动您当前的颤动项目或跟随下面的演示。

创建新的颤动项目

像往常一样,我们将从设置一个新项目并添加插件开始:

1# New Flutter project
2$ flutter create f_icons
3
4# Open this up inside of VS Code
5$ cd f_icons && code .

新增颤振发射器图标插件

转到您的pubspec.yaml,将以下插件添加到我们的dev_ependencies中:

1dev_dependencies:
2  flutter_launcher_icons: ^0.7.4

然后,我们可以通过运行以下命令来确保我们的项目中有最新的包:

1$ flutter pub get

APP标识

现在我们已经有了一个Ffltter项目,我们需要一个徽标来设置为图标。这里有一个我们可以使用的应用程序,想象它是一个相机应用程序:

APP图标

将您的图标放在您的Assets/Images/icon.png文件夹或您选择的类似文件夹中。然后,在pubspec.yaml内部,我们需要提供fltter_icons配置选项:

1flutter_icons:
2  image_path: 'assets/images/icon.png'
3  android: true
4  ios: true

这将使用指定的图标为Android和iOS生成应用程序图标。如果我们想有一个单独的图标,我们还可以通过为每个平台提供一个image_path来更深入地配置它。具体操作如下:

1flutter_icons:
2  image_path_ios: 'assets/images/heal.png'
3  image_path_android: 'assets/images/heal.png'
4  android: true
5  ios: true

考虑到这一点,让我们继续生成图标!

运行Build脚本

在您的终端中,运行以下构建脚本:

1$ flutter pub run flutter_launcher_icons:main

如果一切正常,我们应该看到以下结果:

1Android minSdkVersion = 16
2Creating default icons Android
3Overwriting the default Android launcher icon with a new icon
4Overwriting default iOS launcher icon with new icon

结果

让我们在设备或模拟器上运行我们的应用程序。我们应该可以看到我们令人惊叹的新图标了!

塔达

Published At
Categories with 技术
Tagged with
comments powered by Disqus