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的名字