添加链接 注册    登录
link管理
链接快照平台
  • 输入网页链接，自动生成快照
  • 标签化管理网页链接
相关文章推荐
狂野的伏特加  ·  Mysql的json字段转换和获取json中 ...·  9 月前    · 
文武双全的荒野  ·  NSCalendar使用 - 简书·  1 年前    · 
着急的跑步鞋  ·  NumPy 创建数组 | 菜鸟教程·  1 年前    · 
独立的荔枝  ·  SQLServer时间相关 - ...·  2 年前    · 
link管理  ›  Flutter3.3对Material3设计风格的支持 -
https://www.bilibili.com/read/mobile?id=19372293
健壮的核桃
2 年前

Flutter3.3对Material3设计风格的支持

  • 学习 ·
  • 2022-10-28 13:44 ·
  • 164阅读
早起的年轻人

在Flutter3.3版本以上，支持Material3，使用Material3样式首先是要配置启用Material3。

Material3 主要体现在 圆角风格、颜色、文本样式等方面。

1 配置启用 Material3

查看当前 Flutter的版本

在程序的入口 MaterialApp中设置主题ThemeData中的useMaterial3属性为true.

2 按钮样式的改变

按钮默认的圆角大小改变

2.1 ElevatedButton

2.2 ElevatedButton 自定义样式

ElevatedButton 可通过 style 来设置样式，onPrimary 属性来设置前景色，比如这里的文本的颜色，primary 用来设置背景色，也就是这里的ElevatedButton按钮的填充颜色。

2.3 OutlinedButton

2.4 FloatingActionButton.small

2.5 FloatingActionButton

2.6 FloatingActionButton.extended

2.7 FloatingActionButton.large

3 AlertDialog 的边框圆角改变

4 主题文本样式的默认大小改变

5 ColorScheme 的变更


本文禁止转载或摘编

本文为我原创

  • Flutter
  • Material3
  • --
  • --
展开阅读全文
推荐文章

打开客户端阅读

支持点赞、投币、收藏

立即体验
 
推荐文章
狂野的伏特加  ·  Mysql的json字段转换和获取json中的某个key的值_mysql 中怎么提取字段数据中的某个key-CSDN博客
9 月前
文武双全的荒野  ·  NSCalendar使用 - 简书
1 年前
着急的跑步鞋  ·  NumPy 创建数组 | 菜鸟教程
1 年前
独立的荔枝  ·  SQLServer时间相关 - SQL日期,时间比较_星辉Johnson的博客-CSDN博客
2 年前
Link管理   ·   Sov5搜索   ·   小百科
link管理 - 链接快照平台