Flutter中使用阿里图标

flutter中Icon的使用是很常见，然而自带的Icon是远远不够用的。我们可以引用其他的图标图为己所用。下面是以阿里图标的使用为例。

一：准备图标
打开阿里图标网站：https://www.iconfont.cn/
选择自己所需要的图标加入购物车，点击购物车，点击下载代码。
打开压缩文件。找到.ttf结尾的文件

重新命名（此处我采用的名字是myIconFont），拷贝该文件到自己的项目中（此处我是和lib文件同级的文件目录下建了一个fonts文件，将myIconFont.ttf拷贝在了该文件中）。
二：配置pubspec.yaml文件，引用图标
在项目中找到pubspec.yaml文件，并打开该文件。
找到fonts:示例。

代码：
fonts: - family:myIconFont fonts: - assets:fonts/myIconFont.ttf
注意：需要注意代码的对齐格式，对齐格式如上图。
三：编写.dart文件
创建一个.dart文件（存放位置可根据个人喜好，我放在了lib目录下，我创建的名字为： MyIcon.dart）。

在该文件编写如下：

代码如下：

import 'package:flutter/widgets.dart';
class MyIcon{
  static const String _family = 'myIconFont';
  MyIcon._();
  static const IconData icon_caozuotingzhi1 = IconData(0xe68d, fontFamily: _family);
  static const IconData icon_xiangqing = IconData(0xe63b, fontFamily: _family);
  static const IconData icon_weizhi = IconData(0xe615, fontFamily: _family);
  static const IconData icon_shanchu = IconData(0xe7f3, fontFamily: _family);
  static const IconData icon_shangjia = IconData(0xe63a, fontFamily: _family);
  static const IconData icon_edit = IconData(0xe6ec, fontFamily: _family);
  static const IconData icon_shoucang = IconData(0xe67b, fontFamily: _family);
  static const IconData icon_dianhuazhengzaibohao = IconData(0xe76e, fontFamily: _family);
  static const IconData icon_jinrongxianxingge_ = IconData(0xe609, fontFamily: _family);
  static const IconData icon_dangantuisong = IconData(0xe622, fontFamily: _family);
  static const IconData icon_xiajia = IconData(0xe60e, fontFamily: _family);
  static const IconData icon_chexiao = IconData(0xe81d, fontFamily: _family);
  static const IconData icon_xiangyousanjiaoxing = IconData(0xe70f, fontFamily: _family);
  static const IconData icon_liebiao = IconData(0xe639, fontFamily: _family);
  static const IconData icon_shenhe1 = IconData(0xe6a1, fontFamily: _family);
  static const IconData icon_shenhe = IconData(0xe6ab, fontFamily: _family);
  static const IconData icon_shixinwujiaoxing = IconData(0xe626, fontFamily: _family);
  static const IconData icon_yijiao = IconData(0xe60f, fontFamily: _family);
}

帮助：可通过https://xwrite.gitee.io/blog/自动转成上述代码。
方法：
找到从阿里图标库下载的压缩包，打开压缩包后找到iconfont.css文件

在浏览器中打开https://xwrite.gitee.io/blog/，将iconfont.css文件拖入至改网页中。复制生成的代码到自己创建的字体图标文件中，更改该文件中的_family的值为自己在pubspec.yaml文件中的family值。
三：在需要引用的地方导入并使用
代码：
导入——import 'MyIcon.dart';
使用——Icon(MyIcon.icon_dianhuazhengzaibohao)