创建底部工作表

底部工作表显示次要内容，并固定在屏幕底部。

版本兼容性

此实现要求您的项目 minSDK 设置为 API 级别 21 或更高。

依赖项

实现底部工作表

要实现底部工作表，请使用 ModalBottomSheet 可组合函数。

展开和收起工作表

要展开和收起工作表，请使用 SheetState。

要点

  • 使用 content 槽位，它使用 ColumnScope 以列的形式布局工作表内容可组合函数。
  • 使用 rememberSheetState 创建 SheetState 的实例，并将其通过 sheetState 参数传递给 ModalBottomSheet。

  • SheetState 提供对 show 和 hide 函数以及与当前工作表状态相关的属性的访问。这些函数需要一个 CoroutineScope（例如 rememberCoroutineScope），并且可以在响应 UI 事件时调用。

  • 当您隐藏底部工作表时，请务必从组合中移除 ModalBottomSheet。

结果

图 1. 标准底部工作表（左）和模态底部工作表（右）。

包含此指南的集合

本指南是精心策划的快速指南集合的一部分，这些集合涵盖了更广泛的 Android 开发目标。

了解可组合函数如何让您基于 Material Design 设计系统轻松创建精美的 UI 组件。
快速指南集合

有问题或反馈

前往我们的常见问题解答页面，了解快速指南，或联系我们并告诉我们您的想法。
前往常见问题解答 提交反馈