Flutter自定義字型

2021-09-24 16:11:05 字數 342 閱讀 9850

作業系統所帶的字型往往不能滿足應用場景的需要,這時候就需要使用特殊字型處理。

自定義字型步驟如下:

步驟1:在工程下新建乙個fonts資料夾,並放乙個字型檔案,如:z24_zihunshoushu.ttf。

步驟2:開啟工程根目錄下的工程配置檔案(pubspec.yaml)。

步驟3:修改工程配置檔案,新增自定義字型配置。其中family為字型名稱,fonts為字型路徑。

步驟4:在文字元件裡面的樣式裡的fontfamily屬性寫上自定義字型的名稱。如:

text('測試按鈕',style: textstyle(fontfamily: 'z24_zihunshoushu'),),

Flutter自定義搜尋框,解決字型不劇中的問題

效果 高度為40的時候顯示 高度為60顯示的 高度為30的顯示 如下,建立乙個searchbar.dart檔案,吧下面的 複製進去就可以了 import package flutter material.dart class searchbar extends preferredsize build...

Flutter 自定義日曆元件

顏色檔案和螢幕適配的檔案 可以自己給定 import package flutter cupertino.dart import package flutter rendering.dart import package flutter xiaoe utils screenutil.dart imp...

Flutter 自定義單選控制項

在flutter 應用開發中,經常會遇到各種單選效果,雖然官方提供了radio元件,但是並不能滿足我們實際的開發需求,所以往往還需要自定義控制項才能滿足平時的開發需求。下面就平時開發中用到的單選進行介紹 對於分段元件大家肯定不會陌生,主要是實現多個分段,實現單選功能,效果如下圖。話不多說,直接上 c...