flutter 使用自定義字體

如何使用自定義字體呢?如果是flutter 項(xiàng)目里集成或者flutter引用三方庫里的字體,flutter 文檔給出解決方案:https://flutterchina.club/custom-fonts/
但是如果字體是在SDCard 或者網(wǎng)絡(luò)上,我們應(yīng)該怎么做呢?

  1. 字體在服務(wù)器:
    a) 我們可以使用FontLoader :
    image.png

    圖片地址:https://github.com/flutter/flutter/issues/17910#issuecomment-445184463
    主要代碼:
    image.png

b) 如果需要知道下載進(jìn)度怎么辦?
步驟1: 使用Dio 創(chuàng)建網(wǎng)絡(luò)請求,并獲取進(jìn)度, 結(jié)束后會(huì)自動(dòng)保存文件到指定目錄。

image.png

ps: dio 配置文檔 https://github.com/flutterchina/dio/blob/flutter/README-ZH.md

步驟2: 獲取保存到的本地文件。

  1. 字體在本地:
    可以使用rootBundle 讀取指定文件:


    image.png

    然后就可以在TextStyle 使用剛才自定義名字的字體了。

github 地址 https://github.com/wilin52/flutter_download_font

最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 黑山小妖G 2018-05-07 22:55 · 字?jǐn)?shù) 537 · 閱讀姓名:郭志宏 公司:內(nèi)蒙古金仕頓大酒店【日...
    黑山小妖G閱讀 167評論 0 0
  • ?①可以少做的事情: 記錄2h11m,除了更新積分榜,還有在群組里說話的時(shí)間。 ②可以不做的事情:沒有 ③必須要做...
    3組30彭唯婧閱讀 266評論 0 0
  • 在前面的章節(jié)我們快速學(xué)習(xí)了lambda和Stream,本章節(jié)中我們來回顧和理解函數(shù)式編程的思想。 我們不斷的提及函...
    灰色程序閱讀 3,134評論 0 2
  • 不知女兒昨晚幾點(diǎn)睡覺的,我想應(yīng)該在十二點(diǎn)半之后了吧。早上很艱難地起床了,趁著我給她梳辮子的時(shí)間吃了幾口銀耳羹,拿了...
    勿忘我瑤閱讀 139評論 2 1
  • 原罪的產(chǎn)生類似于庶出和嫡出的差別,對于趙云來說,始終無法融入三結(jié)義的故事中,即使有長坂坡七進(jìn)七出的救阿斗。 那當(dāng)原...
    ssssqiezi閱讀 201評論 0 0

友情鏈接更多精彩內(nèi)容