Flutter3.3對Material3設(shè)計風(fēng)格的支持
在Flutter3.3版本以上,支持Material3,使用Material3樣式首先是要配置啟用Material3。
Material3 主要體現(xiàn)在 圓角風(fēng)格、顏色、文本樣式等方面。



1 配置啟用 Material3
查看當(dāng)前 Flutter的版本

在程序的入口 MaterialApp中設(shè)置主題ThemeData中的useMaterial3屬性為true.
2 按鈕樣式的改變
按鈕默認(rèn)的圓角大小改變
2.1 ElevatedButton

2.2 ElevatedButton 自定義樣式
ElevatedButton 可通過 style 來設(shè)置樣式,onPrimary 屬性來設(shè)置前景色,比如這里的文本的顏色,primary 用來設(shè)置背景色,也就是這里的ElevatedButton按鈕的填充顏色。

2.3 OutlinedButton

2.4 FloatingActionButton.small

2.5 FloatingActionButton

2.6 FloatingActionButton.extended

2.7 FloatingActionButton.large

3 AlertDialog 的邊框圓角改變

4 主題文本樣式的默認(rèn)大小改變

5 ColorScheme 的變更

標(biāo)簽: