Creare un riquadro inferiore

Un riquadro in basso mostra i contenuti secondari, ancorati alla parte inferiore dello schermo.

Compatibilità delle versioni

Questa implementazione richiede che il valore minSDK del progetto sia impostato sul livello API 21 o superiore.

Dipendenze

Implementare un riquadro inferiore

Per implementare un riquadro in basso, utilizza il composable ModalBottomSheet:

Espandi e comprimi il foglio

Per espandere e comprimere il foglio, utilizza SheetState:

Punti chiave

  • Utilizza lo slot content, che utilizza un ColumnScope per disporre i composabili dei contenuti del foglio in una colonna.
  • Utilizza rememberSheetState per creare un'istanza di SheetState da passare a ModalBottomSheet con il parametro sheetState.
  • SheetState fornisce accesso alle funzioni show e hide e alle proprietà relative allo stato del foglio corrente. Queste funzioni richiedono un CoroutineScope, ad esempio rememberCoroutineScope, e possono essere chiamate in risposta agli eventi dell'interfaccia utente.

  • Assicurati di rimuovere ModalBottomSheet dalla composizione quando nascondi il foglio inferiore.

Risultati

Figura 1. Un foglio inferiore standard (a sinistra) e un foglio inferiore modale (a destra).

Raccolte che contengono questa guida

Questa guida fa parte di queste raccolte di guide rapide selezionate che coprono obiettivi di sviluppo Android più ampi:

Scopri come le funzioni composable possono aiutarti a creare facilmente magnifici componenti dell'interfaccia utente basati sul sistema di progettazione Material Design.

Domande o feedback

Visita la nostra pagina delle domande frequenti e scopri le guide rapide o contattaci per farci sapere cosa ne pensi.