今年大半年我一直在开发一款扑翼应用程序,当我们接近发布时,我意识到我还没有设置应用程序的图标。我最初用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项目,我们需要一个徽标来设置为图标。这里有一个我们可以使用的应用程序,想象它是一个相机应用程序:
将您的图标放在您的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
结果
让我们在设备或模拟器上运行我们的应用程序。我们应该可以看到我们令人惊叹的新图标了!