创建底部表单

底部表单显示次要内容,固定在屏幕底部。

版本兼容性

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

依赖项

实现底部表单

要实现底部表单,请使用ModalBottomSheet 可组合项

展开和折叠表单

要展开和折叠表单,请使用SheetState

关键点

  • 使用content 插槽,它使用ColumnScope 以列的形式布局表单内容可组合项。
  • 使用rememberSheetState 创建SheetState 的实例,您可以使用sheetState 参数将其传递给ModalBottomSheet
  • SheetState 提供对showhide 函数以及与当前表单状态相关的属性的访问权限。这些函数需要CoroutineScope(例如,rememberCoroutineScope),并且可以在响应 UI 事件时调用。

  • 隐藏底部表单时,请确保从组合中移除ModalBottomSheet

结果

图 1. 标准底部表单(左)和模态底部表单(右)。

包含本指南的收藏集

本指南是这些精选的快速指南收藏集的一部分,涵盖了更广泛的 Android 开发目标

了解可组合函数如何使您能够轻松创建基于 Material Design 设计系统的精美 UI 组件。

有问题或反馈吗?

访问我们的常见问题页面,了解快速指南,或与我们联系并告诉我们您的想法。