news 2026/4/3 5:00:39

flutter 如何设置app的图标?

作者头像

张小明

前端开发工程师

1.2k 24
文章封面图
flutter 如何设置app的图标?

来源:AI回答,亲测可用。

在 Flutter 中设置 App 图标,最推荐、最高效的方法是使用flutter_launcher_icons插件。手动替换每个尺寸的图片非常繁琐且容易出错,而这个插件可以自动为你生成所有适配尺寸。

以下是具体的操作步骤:


第一步:准备图标文件

准备一张高分辨率的图标图片(建议1024x1024像素,格式为.png)。
在你的 Flutter 项目根目录下创建一个assets文件夹(如果还没有的话),并将图标放入其中,例如命名为logo.png

第二步:添加插件依赖

打开项目中的pubspec.yaml文件,在dev_dependencies下添加该插件:

dev_dependencies:flutter_test:sdk:flutterflutter_launcher_icons:^0.14.4# 请检查 pub.dev 获取最新版本

第三步:配置插件

同样在pubspec.yaml文件中,添加插件的配置参数(可以放在文件最底部):

flutter_launcher_icons:android:"launcher_icon"ios:trueimage_path:"assets/logo.png"min_sdk_android:21# android min sdk warning fix# 如果需要 Android 的自适应图标(Adaptive Icon),可以添加以下两行:# adaptive_icon_background: "#ffffff" # 背景颜色或背景图# adaptive_icon_foreground: "assets/logo_foreground.png" # 前景图

第四步:运行命令生成图标

在终端(Terminal)中运行以下两条命令:

  1. 获取插件:
flutter pub get
  1. 执行生成脚本:
flutter pub run flutter_launcher_icons

以上执行会有个警告提示Deprecated. Usedart runinstead.,更优的方式:

dart run flutter_launcher_icons

常见注意事项

  • Android 自适应图标:从 Android 8.0 开始,建议使用adaptive_icon。如果你只提供了一张图,插件会将其居中处理,但效果可能不如专门设计的“前景+背景”组合好。
  • 缓存问题:有时候运行完命令后,模拟器上的图标没有变化。这通常是缓存导致的,请尝试卸载 App 后重新运行flutter run
  • 图标透明度:iOS 图标不能有透明度(必须是实色背景),否则在上架 App Store 审核时会被拒绝。

手动更改方式(不推荐)

如果你不想使用插件,可以手动替换以下路径的文件:

  • Android:android/app/src/main/res/mipmap-*目录下的所有文件。
  • iOS:ios/Runner/Assets.xcassets/AppIcon.appiconset目录下的所有尺寸。

你想了解如何为 Android 设置那种可以变换形状的“自适应图标(Adaptive Icons)”的具体设计规范吗?

版权声明: 本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若内容造成侵权/违法违规/事实不符,请联系邮箱:809451989@qq.com进行投诉反馈,一经查实,立即删除!
网站建设 2026/3/31 2:43:06

AI如何用typedef简化C/C++复杂类型声明

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容: 创建一个C代码生成工具,能够自动分析用户输入的结构体/函数指针等复杂类型,并生成最优化的typedef声明。要求:1. 支持嵌套结构体类型别名 2. 自…

作者头像 李华
网站建设 2026/4/1 2:05:10

GLM-4.6V-Flash-WEB模型更新通知机制建议:订阅式服务模式

GLM-4.6V-Flash-WEB 模型更新机制优化:构建可持续演进的AI服务生态 在多模态大模型加速落地的今天,一个现实问题日益凸显:开发者如何在不中断业务的前提下,及时获取模型的关键更新?尤其是在 Web 端和边缘设备上部署的轻…

作者头像 李华
网站建设 2026/3/31 17:03:14

告别复制粘贴风险:智能代码片段管理方案

快速体验 打开 InsCode(快马)平台 https://www.inscode.net输入框内输入如下内容: 构建一个智能代码片段管理器,支持从可信来源导入代码片段,自动添加注释说明功能。当用户尝试粘贴代码到控制台时,先进行安全扫描和解释展示&…

作者头像 李华
网站建设 2026/3/29 2:16:46

Vivado使用实战:光通信收发器的FPGA逻辑设计

从零搭建高速光通信链路:Vivado实战中的FPGA收发器设计精髓你有没有遇到过这样的场景?项目进度压顶,板子已经贴好SFP模块,但上电后链路就是“失锁”——接收端迟迟无法同步。示波器上看眼图闭合,误码率高得离谱&#x…

作者头像 李华
网站建设 2026/4/2 4:27:22

Markdown流程图解析:GLM-4.6V-Flash-WEB支持Mermaid语法吗?

GLM-4.6V-Flash-WEB 支持 Mermaid 语法吗? 在构建智能文档系统或低代码平台时,一个常见的需求浮出水面:用户用 Mermaid 写了一段流程图代码,能否让 AI 模型“读懂”它?更进一步地,如果使用的是像 GLM-4.6V-…

作者头像 李华
网站建设 2026/3/23 15:34:55

导师严选2026继续教育一键生成论文工具TOP9:高效写作全维度测评

导师严选2026继续教育一键生成论文工具TOP9:高效写作全维度测评 2026年继续教育论文工具测评:高效写作的必备指南 在继续教育领域,论文撰写已成为许多学员必须面对的重要任务。然而,从选题构思到成文修改,整个过程往…

作者头像 李华