iconfont_builder 0.1.0 iconfont_builder: ^0.1.0 copied to clipboard
Build Iconfont to Flutter Icon
iconfont_builder #
映射 Iconfont 至 Flutter IconData 或 Icon 组件
API #
API: https://pub.dev/documentation/time_log/latest/time_log/iconfont_builder.html
准备工作 #
从 Iconfont 网站选择上下载字体包,解压并拷贝 demo_index.html
和 iconfont.ttf
到项目中
- your-project
- ios
- android
- lib
- fonts
# 根据此 html 文件进行解析,所以编译前需要保留
demo_index.html
iconfont.ttf
编辑 pubspec.yaml, 引用文字资源
fonts:
- family: Iconfont
fonts:
- asset: fonts/iconfont.ttf
安装 iconfont 至 dart 全局 #
Install:
$ pub global activate iconfont_builder
在 Flutter 中使用 Iconfont #
使用 IconData 模式 #
使用 iconfont 编译 Iconfont.dart
$ iconfont_builder --from ./fonts --to ./lib/Iconfont.dart
import './Iconfont.dart';
void main() {
// iconfont 中的图标名字都会映射置 Iconfont 对象中
// Iconfont.name 是一个 IconData 对象
final theIcon = Icon(Iconfont.name);
}
使用 Icon 组件模式 #
使用 iconfont 编译 Iconfont.dart, 添加 --type Icon
命令
$ iconfont_builder --type Icon --from ./fonts --to ./lib/Iconfont.dart
import './Iconfont.dart';
void main() {
// 此时,Iconfont.name 是一个函数,直接返回一个 Icon 组件
final theIcon = Iconfont.data();
}
查看帮助 #
$ iconfont_builder --help