Flutter中使用阿里矢量图形

Flutter中使用阿里矢量图形文章首发地址

先上效果,如下

我们这里面如题采用的是阿里矢量图形库

1.先去网站搜索图标,添加到购物车

2.在购物车中[下载代码]或者添加到项目中下载代码 购物车下载

项目中下载

3.下载完成打开 zip 包

4.将标注的 ttf 文件移动到 flutter 根目录 assets 下面 fonts 文件夹

5.pubspec.yaml中添加

  fonts:
      - family: IconFont
        fonts:
          - asset: assets/fonts/iconfont.ttf

到这一步基本工作已经完成,可以使用了

child: Icon(
    IconData(0xe64d, fontFamily: 'IconFont'),
    size: 40,
    color: Colors.red,
)

这里面做一些说明:打开刚刚的zip包里面的html文件,会显示你下载的图标

fontFamily对应的是你在pubspec.yaml的family的名字