添加链接 注册    登录
link之家
链接快照平台
  • 输入网页链接，自动生成快照
  • 标签化管理网页链接
相关文章推荐
威武的罐头  ·  Manage Python ...·  2 年前    · 
豪爽的海龟  ·  sql replace 替换多个-掘金·  2 年前    · 
风流倜傥的乒乓球  ·  API太多(C++版) -- ...·  2 年前    · 
气势凌人的眼镜  ·  教程 - 使用 Docker ...·  3 年前    · 
威武的登山鞋  ·  groovy byte array to ...·  3 年前    · 
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
  • --
  • --
展开阅读全文
推荐文章

打开客户端阅读

支持点赞、投币、收藏

立即体验
 
推荐文章
威武的罐头  ·  Manage Python environments and interpreters - Visual Studio (Windows) | Microsoft Learn
2 年前
豪爽的海龟  ·  sql replace 替换多个-掘金
2 年前
风流倜傥的乒乓球  ·  API太多(C++版) -- GetModuleHandle   LoadLibrary GetProcAddress 讲解_欲罢不能的技术博客_51CTO博客
2 年前
气势凌人的眼镜  ·  教程 - 使用 Docker Compose 部署多容器组 - Azure Container Instances | Microsoft Learn
3 年前
威武的登山鞋  ·  groovy byte array to string utf-8-掘金
3 年前
今天看啥   ·   Py中国   ·   codingpro   ·   小百科   ·   link之家   ·   卧龙AI搜索
删除内容请联系邮箱 2879853325@qq.com
link之家 - 链接快照平台
© 2024 ~ 沪ICP备11025650号