【Flutter项目】 Android Studio 自定义图标库 iconfont

图标库官方地址: www.iconfont.cn

1. 打开官方地址，搜索，选择想要的图标，点击加入购物车
   

2. 点击右上角购物车按钮，打开购物车，选择下载代码
   

3. 将.ttf文件在pubspec.yaml中引入（初始配置文件中有，只需要打开这部分注释，并配置自己的.ttf文件路径即可）
   

4. 新建一个dart文件，新建icon类
   

import 'package:flutter/material.dart';

class MyIcon{
  static const IconData catbag = const IconData(
    0xe619,   //前面两位0x是固定的, 后面4位为从demo_index.html里粘贴过来的值
    fontFamily: 'Schyler',  //这里跟pubspec.yaml配置文件里的一致
    matchTextDirection: true  //是否跟文字方向一致
  );
}

这里的第一个参数： 0xe619 前两位是代表十六进制，是固定的；后四位是代表这个图标的，可以从.ttf同级的.html中摘取~
附上位置：

5. 接下来就是在页面上引入：

 Icon(MyIcon.catbag, color: Colors.black)

第一个参数是图标类名，第二个参数可以设置颜色，也可以不设置用默认的。

效果：

有问题随时私信，欢迎交流