码迷,mamicode.com
首页 > 其他好文 > 详细

flutter 使用字体图标

时间:2020-07-12 22:31:28      阅读:109      评论:0      收藏:0      [点我收藏+]

标签:set   nbsp   family   loading   解压   data   spec   image   文件   

 

1.下载阿里图标

技术图片

 

2.解压

将解压文件放入到 lib/style/font/ 文件下(路径可自定义):

技术图片

 只有 iconfont.ttf 有用,别的都可删除,建议留着,方便查看图标

 

3. 配置pubspec.yaml文件

  fonts:
    - family: iconfont    # 引入图标的别名,自定义
      fonts:
        - asset: lib/style/font/iconfont.ttf

 

4. 页面内使用

方法一:text使用

技术图片 

Text("\ue8d1", style: TextStyle(fontFamily: iconfont, color: Colors.white)),

此处fontFamily值为pubspec.yaml文件下的fonts/family 值

 

方法二:icon使用

技术图片

Icon(IconData(0xe8b9, fontFamily: iconfont), color: Colors.grey)

 

 

 

参考链接:https://blog.csdn.net/qq_41614928/article/details/106794675

 

flutter 使用字体图标

标签:set   nbsp   family   loading   解压   data   spec   image   文件   

原文地址:https://www.cnblogs.com/cap-rq/p/13289979.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!