flutter使用阿里巴巴图标

从Iconfont中下载资源放到项目根目录/assets/fonts文件夹下

把iconfont.ttf 和 iconfont.json放到里面即可

在pubspec.yaml中配置资源路径

复制代码
flutter:
      fonts:
        - family: ityingIcon #指定一个字体名 根据自己的需求定义
          fonts:
              - asset: assets/fonts/iconfont.ttf

创建图标类 ityingIcons

复制代码
import 'package:flutter/material.dart';

class ItyingIcons {
  static const IconData xiaomi =
      IconData(0xe623, fontFamily: 'ityingIcon', matchTextDirection: true);

  static const IconData weixiufuwu =
      IconData(0xead5, fontFamily: 'ityingIcon', matchTextDirection: true);
}

使用

复制代码
const Icon(ItyingIcons.xiaomi, color: Colors.white),
相关推荐
天才熊猫君几秒前
Vue 3 中 Watch 的陷阱:为什么异步操作后创建的监听会泄漏?
前端·javascript
梵得儿SHI1 分钟前
Vue3 生态工具实战进阶:API 请求封装 + 样式解决方案全攻略(Axios/Sass/CSS Modules)
前端·css·vue3·sass·api请求·样式解决方案·组合式api管理
有梦想的咸鱼还是咸鱼吗2 分钟前
前端必会|防抖与节流从原理到实战,解决90%高频事件卡顿问题
前端
用户5757303346243 分钟前
深入 JavaScript 内存机制:从栈与堆到闭包的底层原理
javascript
阿诺木4 分钟前
Node.js 局域网设备发现:mDNS、UDP 广播和子网扫描
前端
盐焗乳鸽还要砂锅5 分钟前
亲手造一只有灵魂的 AI 小龙虾是种什么体验?
前端·llm·agent
YimWu6 分钟前
Opencode 核心设计-Session会话机制
前端·agent·ai编程
Mintopia10 分钟前
诗词如何影响人:从认知机制到可落地的文本分析技术路线
前端·代码规范
WaywardOne15 分钟前
iOS必看!Deepseek给的Runtime实现原理,通俗易懂~
前端·面试
小码哥_常19 分钟前
惊!Kotlin集合,你可能只用了40%?
前端