相关文章推荐
玩足球的夕阳  ·  qt c++ qtreewidget - ...·  2 月前    · 
英勇无比的仙人掌  ·  请教大家一个问题应用研发平台EMAS ...·  8 月前    · 
发财的青椒  ·  Registered driver ...·  9 月前    · 
成熟的水龙头  ·  在MySQL对于批量更新操作的一种优化方式 ...·  1 年前    · 
体贴的炒面  ·  Java从入门到放弃 · ...·  1 年前    · 
Code  ›  Flutter3.3对Material3设计风格的支持 -
https://www.bilibili.com/read/mobile?id=19372293
健壮的核桃
1 年前

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
  • --
  • --
展开阅读全文
推荐文章

打开客户端阅读

支持点赞、投币、收藏

立即体验
 
推荐文章
玩足球的夕阳  ·  qt c++ qtreewidget - CSDN文库
2 月前
英勇无比的仙人掌  ·  请教大家一个问题应用研发平台EMAS ios集成mapkit在ios16以上运行内存跟cpu暴增,？_问答-阿里云开发者社区
8 月前
发财的青椒  ·  Registered driver with driverClassName=oracle.jdbc.driver.OracleDriver was not found-CSDN博客
9 月前
成熟的水龙头  ·  在MySQL对于批量更新操作的一种优化方式 - 墨天轮
1 年前
体贴的炒面  ·  Java从入门到放弃 · ArrayList集合小练习 - 掘金
1 年前
今天看啥   ·   Py中国   ·   codingpro   ·   藏经阁   ·   小百科   ·   link之家   ·   卧龙AI搜索
删除内容请联系邮箱 2879853325@qq.com
Code - 代码工具平台
© 2024 ~ 沪ICP备11025650号