flutter默認(rèn)包含了一套Material Design的字體圖標(biāo)，在pubspec.yaml文件中修改配置信息開啟圖標(biāo)支持，在沒有開啟uses-material-design配置的時(shí)候，圖片都以問號展示。添加如下配置開始material圖片支持。
flutter:
uses-material-design: true
image.png
但很多時(shí)候我們需要使用自定義圖標(biāo)，下面講解一下如何在flutter中使用阿里的iconfont圖標(biāo)。
1. 打開iconnfont，隨便選擇一組圖標(biāo)
image.png
2.進(jìn)入詳情把這組圖標(biāo)加入購物車，下載代碼
image.png
3. 解壓下載的代碼壓縮包，我們可以看到一個(gè)iconfont.ttf
image.png
4. 在項(xiàng)目根目錄下創(chuàng)建一個(gè)fonts，并且把這個(gè)圖標(biāo)字體文件放入
image.png
5. 在pubspec.yaml中添加fonts配置如下:
image.png
6. 使用iconfont_builder生成一個(gè)iconfont.dart的圖標(biāo)映射文件
首先你要確保你的電腦有dart環(huán)境，如果沒有請安裝（mac安裝dart）
brew install dart
有了dart，現(xiàn)在安裝需要的iconfont_builder
pub global activate iconfont_builder
有了iconfont_builder，我們就可以編譯iconfont.dart
iconfont_builder --from ./fonts --to ./lib/Iconfont.dart
得到的iconfont.dart文件如下:
image.png
7. 使用生成好的iconfont.dart，這里是在main.dart中載入
image.png
下面使用Iconfont，生成一個(gè)圖標(biāo)
image.png
到這里我們已經(jīng)成功的使用了自定義的圖標(biāo)了
image.png
