Flutter自定義主題並切換儲存

2021-09-27 05:26:49 字數 606 閱讀 2368

title: 'flutter demo',

theme: themedata.light(),

home: myhomepage(title: 'flutter demo home page'),

);知道怎麼設定主題了,我們再來看如何自定義主題。通過copywith原始主題樣式之後,修改一些需要自定義的顏色到主題裡。

themedata _builddarktheme()
text(widget.options.theme.tostring(), 

style: textstyle(

color: widget.options.theme.data.texttheme.body1.color),),

當需要動態改變主題的時候,使用statefulwidget的setstate(() {})方法可以直接切換。

(await sharedpreferences.getinstance()).setstring(key, value);

} return (await sharedpreferences.getinstance()).getstring(key);

}

自定義主題

element 預設提供一套主題,css 命名採用 bem 的風格,方便使用者覆蓋樣式。我們提供了三種方法,可以進行不同程度的樣式自定義。element 的 theme chalk 使用 scss 編寫,如果你的專案也使用了 scss,那麼可以直接在專案中改變 element 的樣式變數。新建乙個樣...

Flutter自定義字型

作業系統所帶的字型往往不能滿足應用場景的需要,這時候就需要使用特殊字型處理。自定義字型步驟如下 步驟1 在工程下新建乙個fonts資料夾,並放乙個字型檔案,如 z24 zihunshoushu.ttf。步驟2 開啟工程根目錄下的工程配置檔案 pubspec.yaml 步驟3 修改工程配置檔案,新增自...

vant自定義主題

vant 但是如果這樣的話,自定義檔案的路徑是絕對路徑,需要改為相對路徑 參考這裡 在vue.config.js中新增以下 沒有的話自己建立 const path require path const mytheme path.resolve dirname,src assets style myt...