Material Components 小组件
视觉、行为和动态丰富的组件,实现Material 3设计规范。
Material 3 是自 Flutter 3.16 起的默认 Flutter 界面。要了解有关此过渡的更多信息,请查看Flutter 对 Material 3 的支持。
最终,Material 2 将被弃用,但在短期内,你可以通过将useMaterial3
标志设置为 false
来选择退出 Material 3你的主题。
要将你的小组件迁移到 Material 3,请查看迁移指南。
要了解这些小组件的实际操作,请查看我们的实时 Material 3 演示应用程序。
你仍然可以在其目录页面查看我们的旧版Material 2 小组件。
操作
可单击的块,用于启动操作,例如发送电子邮件、共享文档或点赞评论。
包含图标的可单击块,可始终保持关键操作触手可及。
触发操作的可单击块。这些较宽的块可以容纳文本标签并提供更大的目标区域。
可单击图标,提示应用用户执行补充操作。
单个或多个选定的可单击块,以帮助人们选择选项、切换视图或对元素进行排序。
通信
类似于图标的块,用于传达动态内容,例如计数或状态。它可以包括标签或数字。
垂直线条,在进行中过程(如加载应用或提交表单)中会改变颜色,表示完成。
关于应用进程的简短消息,显示在屏幕底部。
包含
悬停容器,提示应用用户提供更多数据或做出决策。
将补充内容固定在屏幕底部的容器。
用于显示简短相关内容片段的容器,以带有圆角和阴影的框显示。
将列表和容器中的内容分组的细线。
单一固定高度行,通常包含一些文本以及前导或尾随图标。
导航
在屏幕顶部显示内容和操作的容器。
在屏幕底部显示导航和关键操作的容器。
持久容器,可在应用中的主要目的地之间切换。
从应用的前缘滑出的容器,用于导航到应用中的其他部分。
平板电脑和台式机屏幕前缘的持久容器,用于导航到应用的部分。
分层容器,用于在不同的屏幕、数据集和其他交互中组织内容。
选择
表单控件,应用用户可以设置或清除以从一组中选择一个或多个选项。
简化输入信息、进行选择、过滤内容或触发操作的小块。
用于选择日期或日期范围的日历界面。
在临时表面上显示选择列表的容器。
表单控件,应用用户可以设置或清除以从一组中选择一个选项。
用于选择值范围的表单控件。
切换控件,将单个项目的开关状态更改为开或关。
用于选择和设置特定时间的时钟界面。
文本输入
应用用户可以输入文本的框。它们出现在表单和对话框中。
在小部件目录中查看更多小部件。