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),
相关推荐
pe7er17 分钟前
软件设计不要“既要又要”
前端·后端·架构
kyriewen31 分钟前
从Webpack到Vite:我们迁移了一个10万行代码的项目,总结了这7个坑
前端·webpack·vite
IT_陈寒40 分钟前
Java Stream并行流的坑:我花了3小时才找到的线程安全问题
前端·人工智能·后端
小新11041 分钟前
最简单但完整的 Vue 响应式示例(一个简单的计数器按钮)
前端·javascript·vue.js
川冰ICE43 分钟前
JavaScript进阶④|Symbol与元编程,对象的隐藏身份
开发语言·javascript·ecmascript
水煮白菜王1 小时前
开源 AI 桌宠 Clawd on Desk:让 Claude Code 的状态从终端‘蹦‘到桌面
javascript·人工智能·开源
吃口巧乐兹2 小时前
异步异常处理:AggregateException 的拆解与最佳实践
javascript
柒和远方2 小时前
每日一学V017:用 Prompt 做 NLP:解构赋值与 AI 全栈的第一次实战
javascript·架构·代码规范
鹿青2 小时前
给设计稿做体检:我搓了个 Skill,专治 Figma 转代码出垃圾
前端·claude·视觉设计
陈_杨2 小时前
鸿蒙APP开发:足球战术App怎么做拖拽交互?球员拖动与路线绘制
前端