Una hoja inferior muestra contenido secundario, anclado en la parte inferior de la pantalla.
Compatibilidad de versiones
Esta implementación requiere que el minSDK de tu proyecto se establezca en el nivel de API 21 o superior.
Dependencias
Cómo implementar una hoja inferior
Para implementar una hoja inferior, usa el elemento componible ModalBottomSheet
:
Expandir y contraer la hoja
Para expandir y contraer la hoja, usa SheetState
:
Puntos clave
- Usa el espacio
content
, que usa unColumnScope
, para diseñar elementos de contenido que admiten composición en una columna. - Usa
rememberSheetState
para crear una instancia deSheetState
que pases aModalBottomSheet
con el parámetrosheetState
. SheetState
proporciona acceso a las funcionesshow
yhide
, así como a propiedades relacionadas con el estado actual de la hoja. Estas funciones requieren unCoroutineScope
(por ejemplo,rememberCoroutineScope
) y se las puede llamar en respuesta a eventos de IU.Asegúrate de quitar el
ModalBottomSheet
de la composición cuando ocultes la hoja inferior.
Resultados
Colecciones que contienen esta guía
Esta guía forma parte de estas colecciones de guías rápidas seleccionadas que abarcan objetivos más amplios de desarrollo de Android:
![](https://developer.android.google.cn/static/images/quick-guides/collection-illustration.png?hl=es-419)