1. 下載圖標 阿里圖標
2. 解壓 將iconfont.ttf
放入lib\assets\icons內
解壓下載的阿里圖標
文件 我們只需要裏面的iconfont.ttf
文件
將iconfont.ttf
文件放入lib\assets\icons內
3. 配置pubspec.yaml文件
# example: 下面引入的是阿里雲圖標 alIcons是iconfont.ttf圖標家族的自定義名稱
fonts:
- family: alIcons
fonts:
- asset: lib/assets/icons/iconfont.ttf
4 .頁面上使用
使用方法一(Text使用法) \u
+ 阿里圖標後4位
Text("\ue8d1", style: TextStyle(fontFamily: 'alIcons', color: Colors.white)),
使用方法二(Icon使用法) 0x
+ 阿里圖標後4位
Icon(IconData(0xe8b9, fontFamily: 'alIcons'), color: Colors.grey)