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 小组件

操作

常见按钮

可单击的块,用于启动操作,例如发送电子邮件、共享文档或点赞评论。

FloatingActionButton

包含图标的可单击块,可始终保持关键操作触手可及。

Extended FloatingActionButton

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

IconButton

可单击图标,提示应用用户执行补充操作。

SegmentedButton

单个或多个选定的可单击块,以帮助人们选择选项、切换视图或对元素进行排序。

通信

Badge

类似于图标的块,用于传达动态内容,例如计数或状态。它可以包括标签或数字。

LinearProgressIndicator

垂直线条,在进行中过程(如加载应用或提交表单)中会改变颜色,表示完成。

SnackBar

关于应用进程的简短消息,显示在屏幕底部。

包含

AlertDialog

悬停容器,提示应用用户提供更多数据或做出决策。

底部工作表

将补充内容固定在屏幕底部的容器。

卡片

用于显示简短相关内容片段的容器,以带有圆角和阴影的框显示。

分隔符

将列表和容器中的内容分组的细线。

ListTile

单一固定高度行,通常包含一些文本以及前导或尾随图标。

AppBar

在屏幕顶部显示内容和操作的容器。

底部应用栏

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

NavigationBar

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

NavigationDrawer

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

导航栏

平板电脑和台式机屏幕前缘的持久容器,用于导航到应用的部分。

TabBar

分层容器,用于在不同的屏幕、数据集和其他交互中组织内容。

选择

复选框

表单控件,应用用户可以设置或清除以从一组中选择一个或多个选项。

芯片

简化输入信息、进行选择、过滤内容或触发操作的小块。

DatePicker

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

菜单

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

单选按钮

表单控件,应用用户可以设置或清除以从一组中选择一个选项。

滑块

用于选择值范围的表单控件。

开关

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

TimePicker

用于选择和设置特定时间的时钟界面。

文本输入

TextField

应用用户可以输入文本的框。它们出现在表单和对话框中。

小部件目录中查看更多小部件。