Flutter中使用iconfont
在flutter中使用阿里的iconfont
下载
将下载内容中的iconfont.ttf和iconfont.css放在 assets/fonts/文件夹中
配置
配置fonts
flutter: fonts: - family: IconFont fonts: - asset: assets/fonts/iconfont.ttf复制代码
安装pub包
iconfont_css_to_class包可以根据iconfont.css转换出iconfont.dart
dependencies: iconfont_css_to_class: git: url: https://gitee.com/yin_shiyong/iconfont_css_to_class.git ref: 0.1.3复制代码
生成iconfont.dart
运行前确保已经创建了lib/common文件夹
终端运行flutter pub run iconfont_css_to_class:main
后续更新了iconfont.ttf和iconfont.css后直接运行改命令更新即可
使用iconfont
import 'package:sounding/common/iconfont.dart'; Icon( IconFont.icon_yuqiedian1, size: 16, )
作者:Cloud9
链接:https://juejin.cn/post/7019129651054247972