图标库统一迁移：TablerIcons

December 28, 2025

2 min read

By devshan

Table of Contents

This is a list of all the sections in this post. Click on any of them to jump to that section.

背景
变更内容
1. 图标替换
2. 文件夹图标填充化
3. 依赖清理
已知限制
验证

背景

项目原先混用了多种图标库：

material_design_icons_flutter（MdiIcons）
Flutter 自带 Icons（Material Icons）

为了视觉一致性，决定统一使用 flutter_tabler_icons（TablerIcons）。

变更内容

1. 图标替换

将所有 MdiIcons.xxx 和 Icons.xxx 替换为对应的 TablerIcons.xxx：

原图标	新图标
`MdiIcons.folder`	`TablerIcons.folder_filled`
`Icons.close`	`TablerIcons.x`
`Icons.edit`	`TablerIcons.edit`
`Icons.delete_outline`	`TablerIcons.trash`
`Icons.visibility`	`TablerIcons.eye`
`Icons.more_vert`	`TablerIcons.dots_vertical`
`Icons.check`	`TablerIcons.check`
`Icons.search`	`TablerIcons.search`
`Icons.add`	`TablerIcons.plus`
`Icons.refresh`	`TablerIcons.refresh`

2. 文件夹图标填充化

普通文件夹图标统一使用 folder_filled（填充版），使视觉更突出。

3. 依赖清理

从 pubspec.yaml 移除 material_design_icons_flutter 依赖。

已知限制

TablerIcons 的变体文件夹图标（如 folder_cog, folder_open, folder_plus）没有 filled 版本，保持线条风格：

folder_cog - 系统文件夹
folder_open - 当前目录
folder_plus - 新建文件夹

验证

flutter analyze  # No issues found!