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),
相关推荐
一位搞嵌入式的 genius几秒前
微前端架构:JavaScript 隔离方案全解析(含 CSS 隔离)概要
前端·css·前端实战
4_0_42 分钟前
一步一步实现 Shader 水波纹效果(入门到进阶)
前端·three.js
lemonboy2 分钟前
可视化大屏适配方案:用 Tailwind CSS 直接写设计稿像素值
前端·vue.js
鹏仔工作室3 分钟前
vue中实现1小时不操作则退出登录功能
前端·javascript·vue.js
海云前端14 分钟前
前端必备 Nginx 实战指南 8 个核心场景直接抄
前端
坚持就完事了8 分钟前
001-初识HTML
前端·html
Zyx200717 分钟前
JavaScript 中的 map、parseInt 与 NaN:一场关于类型转换与函数调用的深度解析
javascript
sophie旭18 分钟前
一个偶现bug引发的onKeyDown 和 onChange之战
前端·javascript·react.js
Zyx200720 分钟前
JavaScript 的面向对象魔法:从原始类型到包装类的底层真相
javascript
前端加油站30 分钟前
几种虚拟列表技术方案调研
前端·javascript·vue.js