如何在flutter中使用iconfont资源

如何在flutter中使用iconfont资源

1. 资源获取

• 在 iconfont 中找到自己的项目中要使用的资源

• 下载资源

• 资源导入在项目中

• 项目中依赖资源

2. 项目中使用

注意:在使用图片资源时，需要把&#替换为0

• 可以单独使用,使用IconData组件引用

Icon(IconData(0xe9e2, fontFamily: 'appFonts'))

• 批量生成，统一资源生成dart文件

1. 如果没有全局配置dart环境需要执行

brew install dart

2. 配置命令

pub global activate iconfont_builder

3. 配置完成之后需要在终端根据提示导入命令

4. 根据命令生成图片资源

iconfont_builder --from ./fonts --to ./lib/Iconfont.dart

5. 自定义类名需要在上条命令最后加入 --class 类名

iconfont_builder --from ./fonts --to ./lib/Iconfont.dart --class ABCDE

6. 自定义字体名。有时候我们可能同时使用多个字体, 此时我们需要自定义字体名。添加 --family 字体名 命令，替换 Iconfont 字体名

iconfont_builder --from ./fonts --to ./lib/Iconfont.dart --family OtherIcon

fonts:
  - family: OtherIcon
    fonts:
      - asset: fonts/iconfont.ttf

7. 使用命令直接生成Icon组件，在使用时可以直接使用

iconfont_builder --type Icon --from ./fonts --to ./lib/Iconfont.dart