flutter默認包含了一套Material Design的字體圖標，在pubspec.yaml文件中修改配置信息開啟圖標支持趾娃，在沒有開啟uses-material-design配置的時候驼鞭，圖片都以問號展示蔬螟。添加如下配置開始material圖片支持职辨。
flutter:
uses-material-design: true
image.png
但很多時候我們需要使用自定義圖標，下面講解一下如何在flutter中使用阿里的iconfont圖標镜撩。
1. 打開iconnfont，隨便選擇一組圖標
image.png
2.進入詳情把這組圖標加入購物車队塘，下載代碼
image.png
3. 解壓下載的代碼壓縮包袁梗，我們可以看到一個iconfont.ttf
image.png
4. 在項目根目錄下創(chuàng)建一個fonts，并且把這個圖標字體文件放入
image.png
5. 在pubspec.yaml中添加fonts配置如下:
image.png
6. 使用iconfont_builder生成一個iconfont.dart的圖標映射文件
首先你要確保你的電腦有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锯梁，生成一個圖標
image.png
到這里我們已經(jīng)成功的使用了自定義的圖標了
image.png
