flutter_iconfont 0.1.8
flutter_iconfont: ^0.1.8 copied to clipboard
A Flutter package for generating icon font classes from iconfont.cn. Automatically downloads font files and generates Dart classes for easy icon usage.
Flutter Iconfont #
一个Flutter包,用于从iconfont.cn生成图标字体类。
功能 #
- 从iconfont.cn下载图标字体文件
- 生成Flutter图标类
- 支持多个图标字体
- 自定义图标类名
安装 #
flutter pub add flutter_iconfont --dev
使用方法 #
1. 创建配置文件 #
在项目根目录创建iconfont.yaml文件:
icons:
# 图标字体1
- url: //at.alicdn.com/t/font_xxx.css # url
font_assets_path: assets/iconfont # 字体文件保存路径
icon_name: icon1 # 图标类名
# 图标字体2
- url: //at.alicdn.com/t/font_xxx.css # url
font_assets_path: assets/iconfont # 字体文件保存路径
icon_name: icon2 # 图标类名
2. 运行命令 #
flutter pub run flutter_iconfont
或者全局安装后运行:
dart pub global activate flutter_iconfont
flutter_iconfont
3. 使用生成的图标 #
import 'package:your_project/iconfont/icon1.dart';
import 'package:your_project/iconfont/icon2.dart';
// 在Widget中使用
Icon(icon1.checkcircle)
Icon(icon2.sun)
配置选项 #
url: iconfont.cn生成的CSS文件URLfont_assets_path: 字体文件保存路径icon_name: 生成的图标类名和字体family名称
命令行选项 #
Usage: flutter_iconfont [options]
-c, --config Path to the iconfont configuration file
(defaults to "iconfont.yaml")
-h, --help Print this usage information
获取url的方式 #
![]()
许可证 #
MIT