Flutter之Icon图标

Flutter中自带的Icon可以去这里看：

flutter icon 大全

链接 https://www.fluttericon.com/

使用Icon可以创建我们所需要的图标。

一、Icon构造器

const Icon(

    this.icon, {

    Key key,

    this.size,

    this.color,

    this.semanticLabel,

    this.textDirection,

  }) : super(key: key);

二、Icon属性说明

属性 说明

IconData icon icon数据，可使用Icons.home方式获取，也可以使用IconData(0xe577, fontFamily: ‘MaterialIcons’);

double size 图标大小，默认24.0

Color color 图标颜色

String semanticLabel 语义标签

TextDirection textDirection 图标的文本方向

三、使用IconFont

这里使用阿里矢量库;

有两种使用方法：一种是直接使用tff字体，另一种可通过iconfont_builder插件编译成我们所需要的dart文件。

第一种：直接使用tff字体文件。

1.首先选择要使用的图标，下载代码，如果添加到了项目可选择下载至本地。

2.解压下载的字体文件，找到iconfont.tff，这是我们要使用的字体文件；将该文件添加到项目中，这里我添加到了assets/fonts下，然后配置pubspec.yaml，如下：

fonts:

    - family: iconfont

      fonts:

        - asset: assets/fonts/iconfont.ttf

3.然后就可以使用啦