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.然后就可以使用啦