在Flutter 项目中添加 iconfont

160 阅读1分钟

使用阿里素材的库的图标

阿里素材的库

使用 ttf

把选好的图标加入项目中,打包下载。

image.png

使用解压后文件的ttf文件

image.png

json文件中可以查看每个图标的信息

image.png

html 文件中可以查看图标和 iconde更详细的信息

image.png

Flutter 中

在项目中新建一个assest文件夹, 把ttf 文件放进去。

image.png

yaml 导入这个资源文件

image.png

新建一个文件把所有的图标放在一起方便使用。一个一个使用太散乱

image.png

使用

Icon(IconData(0xeadb, fontFamily: "LilacIcon")),
Icon(LilacIcon.appround15),