修改Flutter app图标

Posted Flutter Coder

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了修改Flutter app图标相关的知识,希望对你有一定的参考价值。

flutter_launcher_icons 插件可以很容易替换Flutter的默认图标,该插件由 Flutter Community 组织开源。该组织还开源了 flutter_downloader 等很多知名插件。


1. 准备好一张图片,放到 pubspec.yaml 中的 assets 指定的目录下。


2. 配置 pubspec.yaml,其中 image_page 是图片的路径。

ios平台的图标不允许使用Alpha通道,配置 remove_alpha_ios 选项会自动去除Alpha通道。

如果图片本身不带Alpha通道,可以移除该选项。

dev_dependencies: flutter_launcher_icons: ^0.9.0 flutter_icons: android: true ios: true image_path: "assets/app_icon.png" remove_alpha_ios: true


3. 运行指令,生成图标。

flutter pub getflutter pub run flutter_launcher_icons:main


通过简单的三个步骤,App图标已经更换成功。当然,这只是 flutter_launcher_icons 插件的基本用法,它还支持很多自定义选项。


1. 支持Flavor。比如为开发、测试、生产配置不同的图标,方便区分。

2. 支持iOS和Android使用不同的图标。



点击阅读原文直达GitHub。

以上是关于修改Flutter app图标的主要内容,如果未能解决你的问题,请参考以下文章

Flutter 打包教程

Flutter-修改应用名称图标启动页

Flutter 修改应用程序的名称和图标

Flutter设置App的应用名字和应用logo图标的方法(android ios web)

Flutter App IOS Release Build 错误:缺少所需的图标文件

Flutter 将一个图标对齐到左边缘,将另一个图标对齐到右边缘