flutter 使用阿里圖標

1. 下載圖標 阿里圖標
在這裏插入圖片描述
2. 解壓 將iconfont.ttf放入lib\assets\icons內
解壓下載的阿里圖標文件 我們只需要裏面的iconfont.ttf文件
iconfont.ttf文件放入lib\assets\icons內
在這裏插入圖片描述
3. 配置pubspec.yaml文件

  # example: 下面引入的是阿里雲圖標 alIcons是iconfont.ttf圖標家族的自定義名稱
  fonts:
    - family: alIcons
      fonts:
        - asset: lib/assets/icons/iconfont.ttf

4 .頁面上使用

使用方法一(Text使用法) \u + 阿里圖標後4位
在這裏插入圖片描述

Text("\ue8d1", style: TextStyle(fontFamily: 'alIcons', color: Colors.white)),

使用方法二(Icon使用法) 0x + 阿里圖標後4位
在這裏插入圖片描述

Icon(IconData(0xe8b9, fontFamily: 'alIcons'), color: Colors.grey)
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章