坑🕳自定义icon

要使用自定以的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,
    ),
 ),
...
©著作权归作者所有,转载或内容合作请联系作者
【社区内容提示】社区部分内容疑似由AI辅助生成,浏览时请结合常识与多方信息审慎甄别。
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

相关阅读更多精彩内容

友情链接更多精彩内容