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