Material 组件挂件
Flutter Material 组件挂件目录。这些挂件实现了 Material 3 设计规范,兼具视觉、交互和丰富的动效。
Flutter 提供了多种视觉、交互和富有动效的挂件,实现了 Material 3 设计规范。Material 3 是 Flutter 的默认设计语言,使您能够设计和构建既美观、实用,又能够适配任何平台的应用程序。
若要查看这些以及更多挂件的实际效果,请查看 Material 3 演示 Web 应用。
动作
可点击的区块,用于触发操作,例如发送电子邮件、共享文档或点赞评论。
包含图标的可点击区块,确保关键操作始终触手可及。
用于触发操作的可点击区块。这些较宽的区块可以容纳文本标签,并提供更大的点击目标区域。
可点击的图标,用于提示用户执行辅助操作。
单选或多选的可点击区块,帮助用户选择选项、切换视图或排序元素。
交流
类图标的区块,用于传达动态内容,如计数或状态。它可以包含标签或数字。
随着正在进行的过程(如加载应用或提交表单)完成而改变颜色的垂直线条。
在屏幕底部显示的关于应用处理过程的简短消息。
容器
悬浮容器,提示用户提供更多数据或做出决定。
将辅助内容固定在屏幕底部的容器。
用于容纳简短相关内容的容器,以带有圆角和投影的框展示。
用于对列表和容器中的内容进行分组的细线。
单行固定高度的布局,通常包含一些文本以及前导或尾随图标。
导航
在屏幕顶部显示内容和操作的容器。
在屏幕底部显示导航和关键操作的容器。
支持在应用的主要目的地之间切换的持久性容器。
从应用前缘滑出,用于导航到应用其他部分的容器。
平板电脑和桌面屏幕前缘的持久性容器,用于导航到应用的不同部分。
用于跨不同屏幕、数据集和其他交互组织内容的分层容器。
选择
表单控件,用户可以设置或清除它,以从一组选项中选择一个或多个选项。
小型区块,可简化信息输入、做出选择、过滤内容或触发操作。
用于选择日期或日期范围的日历界面。
在临时表面上显示一系列选择项的容器。
表单控件,用户可以设置或清除它,以从一组选项中仅选择一个选项。
支持选择数值范围的表单控件。
用于将单个项目的状态更改为开或关的切换控件。
用于选择和设置特定时间的时钟界面。
文本输入
在 Material 2 挂件目录 和 挂件目录 的其他类别中查找更多挂件。
除非另有说明,本网站上的文档反映的是 Flutter 3.41.5 版本。 报告问题。