词映 AI导航
工具库Skills 技能
我的收藏
词映 AI导航

Codex Flutter Hugeicons｜设置图标大小并继承主题颜色

English

Codex 安装步骤

  1. 打开 GitHub 固定提交的 `.agents/skills/hugeicons-usage/SKILL.md`，核对内容与使用条件。
  2. 在自己的项目中创建 `.agents/skills/hugeicons-usage/`，把核对后的文件保存为 `.agents/skills/hugeicons-usage/SKILL.md`。
  3. 在该项目根目录启动 Codex，输入 `$hugeicons-usage` 并选择同名技能。

中文摘要

按 Localmind 的 Flutter 使用约定通过 HugeIcon 渲染图标，管理主题颜色、大小和描边宽度。

SKILL.md 中文导读

可复现示例

为设置页中的用户图标拟定组件配置。
{"symbol":"HugeIcons.strokeRoundedUser","widget":"HugeIcon","size":28,"themeColor":"blue","colorOverride":false}

工作步骤

  1. 从 HugeIcons 选择有效的路径数据常量。
  2. 用 HugeIcon 接收数据，并按需要设置尺寸。
  3. 检查图标颜色是否按预期继承或覆盖。

验收方法

使用 `HugeIcon` 渲染 `HugeIcons.strokeRoundedUser`，设置 `size=28`，从父级 `IconTheme` 继承蓝色。

GitHub 原文 · 更新日期

适用环境

在 Codex 中打开已依赖 Hugeicons 的 Flutter 项目，定位现有 IconTheme 和目标图标。

常见问题

为什么把 HugeIcons 常量传给 Flutter Icon 会报类型错误？

它们是路径数据，类型不同于 IconData。用 HugeIcon 接收 HugeIcons 中的图标常量。

相关指南