美文网首页
坑🕳自定义icon

坑🕳自定义icon

作者: _白羊 | 来源:发表于2018-07-27 20:42 被阅读33次

要使用自定以的iconfont

1、在http://fluttericon.com/把svg的图标转成flutter中可用的字体

image.png
注意:svg的文件不能使用中文名称
2、打开压缩包,将.ttf的文件防止在flutter项目的fonts文件夹下
image.png
3、在pubspec.yaml配置文件路径
fonts:
    # - family: StudyInFont
      # fonts:
        # - asset: fonts/StudyInIcons.ttf
  #       - asset: fonts/Schyler-Italic.ttf
  #         style: italic
    - family: StudyInIcons
      fonts:
        - asset: fonts/StudyInIcons.ttf
  #       - asset: fonts/TrajanPro_Bold.ttf
  #         weight: 700
  #

4、将压缩包中的 myIcon.dart(名字不一定相同,在点击下载压缩包之前可以自定义)文件放到flutter项目中,文件内容大致如下


image.png

5、在需要使用的文件中引入,就OK啦

import '../../configuration/Icons.dart';
...
new Container(
  child: Icon(
    StudyInIcons.tagsmall,
    ),
 ),
...

相关文章

网友评论

      本文标题:坑🕳自定义icon

      本文链接:https://www.haomeiwen.com/subject/vqzgmftx.html