Material 组件小部件
Flutter 提供了各种视觉、行为和动效丰富的小部件,它们实现了 Material 3 设计规范。Material 3 是 Flutter 的默认设计语言,使您能够设计和构建美观、实用的应用,并能适应任何平台。
要查看这些及其他小部件的实际应用,请查看 Material 3 演示 Web 应用。
动作
#
可点击的块,用于启动操作,例如发送电子邮件、共享文档或点赞评论。

包含图标的可点击块,使关键操作始终触手可及。

触发操作的可点击块。这些较宽的块可以容纳文本标签并提供更大的目标区域。

可点击的图标,提示应用用户执行辅助操作。

可选择单个或多个的可点击块,帮助人们选择选项、切换视图或排序元素。
通信
#
类似图标的块,用于传达动态内容,例如计数或状态。它可以包含标签或数字。

一条随着正在进行的过程(例如加载应用或提交表单)完成而改变颜色的线条。

关于应用进程的简短消息,显示在屏幕底部。
容器
#
浮动容器,提示应用用户提供更多数据或做出决定。

将补充内容锚定到屏幕底部的容器。

用于显示短小相关内容(在一个带有圆角和阴影的框中)的容器。

用于在列表和容器中分组内容的细线。

一个固定高度的单行,通常包含一些文本以及一个前导或尾随图标。
导航
#
在屏幕顶部显示内容和操作的容器。

在屏幕底部显示导航和关键操作的容器。

持久性容器,用于在应用中主要目的地之间切换。

从应用前边缘滑出,用于导航到应用中其他部分的容器。

平板电脑和桌面屏幕前边缘的持久性容器,用于导航到应用的不同部分。

分层容器,用于在不同屏幕、数据集及其他交互中组织内容。
选择
#
表单控件,应用用户可以勾选或取消勾选,以从一组选项中选择一个或多个。

小型块,用于简化信息输入、选择、内容过滤或触发操作。

用于选择单个日期或日期范围的日历界面。

在临时表面显示选择列表的容器。

表单控件,应用用户可以勾选或取消勾选,以从一组选项中仅选择一个。

表单控件,用于选择一个值范围。

切换控件,将单个项目的状态更改为开启或关闭。

用于选择和设置特定时间的时钟界面。
文本输入
#在Material 2 小部件目录以及小部件目录的其他类别中查找更多小部件。