Material 2 组件小组件
实现 Material 2 设计指南 的小组件。
在 小组件目录 中查看更多小组件。
应用程序结构和导航
在屏幕顶部显示内容和操作的容器。
包含工具的容器,用于通过轻触来浏览和切换顶级视图。
一个 Material Design 面板,从 Scaffold 的边缘水平滑动,以显示应用程序中的导航链接。
一个便捷小组件,它封装了许多通常在实现 Material Design 的应用程序中必需的小组件。
实现基本的 Material Design 可视布局结构。此类提供用于显示抽屉、小吃栏和底部工作表的 API。
一个与 CustomScrollView 集成的 Material Design 应用栏。
分层容器,用于在不同的屏幕、数据集和其他交互中组织内容。
一个页面视图,显示与当前选定选项卡相对应的小组件。通常与 TabBar 结合使用。
协调 TabBar 和 TabBarView 之间的选项卡选择。
显示一行小圆形指示符,每个选项卡一个。选定选项卡的指示符突出显示。通常与 TabBarView 结合使用。
一个便捷类,它封装了许多应用程序通常必需的小组件。
按钮
显示当前选定的项目和一个箭头,用于打开一个菜单以选择另一个项目。
Material Design 凸起按钮。按下时会凸起的填充按钮。
可点击的块,其中包含一个图标,可始终保持一项关键操作在触手可及之处。
可点击的块,用于触发操作。这些较宽的块可以容纳文本标签并提供更大的目标区域。
可点击的图标,提示应用用户执行补充操作。
Material Design 勾边按钮,本质上是带勾边框的 TextButton。
按下时显示菜单,并在由于选择一项而关闭菜单时调用 onSelected。
Material Design 文本按钮。一个简单的扁平按钮,没有边框轮廓。
输入和选择
表单控件,应用用户可以设置或清除,以从一组中选择一个或多个选项。
用于选择日期或日期范围的日历界面。
表单控件,应用用户可以设置或清除,以从一组中只选择一个选项。
表单控件,用于选择一系列值。
切换控件,可将单个项目的状态更改为启用或禁用。
应用用户可以在其中输入文本的框。它们出现在表单和对话框中。
对话框、提醒和面板
悬停容器,提示应用用户提供更多数据或做出决策。
底部工作表从屏幕底部向上滑动以显示更多内容。你可以调用 showBottomSheet() 来实现一个持久底部工作表或...
扩展面板包含创建流程,并允许对元素进行轻量级编辑。ExpansionPanel 小组件实现了此组件。
简单对话框可以提供有关列表项的其他详细信息或操作。例如,它们可以显示头像图标,澄清子文本或正交操作(例如...
关于在屏幕底部显示的应用进程的简短消息。
信息显示
用于显示在带有圆角和阴影的框中的简短相关内容片段的容器。
简化信息输入、进行选择、过滤内容或触发操作的小块。
圆形进度指示器,旋转表示应用程序繁忙。
数据表显示原始数据集。它们通常出现在桌面企业产品中。DataTable 小组件实现了此组件。
网格列表由以垂直和水平布局排列的单元格重复模式组成。GridView 小组件实现了此组件。
Material Design 图标。
显示图像的小组件。
随着正在进行的过程(例如加载应用程序或提交表单)的完成而改变颜色的垂直线。
工具提示提供文本标签,帮助解释按钮或其他用户界面操作的功能。将按钮包装在 Tooltip 小组件中...
布局
将列表和容器中的内容分组的细线。
一个固定高度的单行,通常包含一些文本以及一个前导或尾随图标。
Material Design 步进器小组件,显示通过一系列步骤的进度。
在 小组件目录 中查看更多小组件。