O Google usa tecnologia de IA na tradução de conteúdos para seu idioma de preferência. As traduções com IA podem ter erros.

Criar uma página inferior

Uma página inferior mostra conteúdo secundário, ancorado na parte de baixo da tela.

Compatibilidade de versões

Essa implementação exige que o minSDK do projeto seja definido como nível 21 da API ou mais recente.

Para implementar uma página inferior, use o elemento combinável ModalBottomSheet:

Para abrir e fechar a página, use SheetState:

Use o slot content, que usa um ColumnScope para definir o layout dos elementos combináveis de conteúdo da página em uma coluna.
Use rememberSheetState para criar uma instância do SheetState que você transmite para ModalBottomSheet com o parâmetro sheetState.
SheetState fornece acesso às funções show e hide e a propriedades relacionadas ao estado atual da página. Essas funções exigem um CoroutineScope, por exemplo, rememberCoroutineScope, e podem ser chamadas em resposta a eventos da IU.
Remova o ModalBottomSheet da composição ao ocultar a página inferior.

Figura 1. Uma página inferior padrão (à esquerda) e uma página modal (à direita).

Este guia faz parte destas coleções selecionadas de guias rápidos que abrangem metas mais amplas de desenvolvimento para Android:

Aprenda como as funções combináveis podem permitir que você crie componentes de interface bonitos com base no sistema de design do Material Design.

Acesse a página de perguntas frequentes e saiba mais sobre os guias rápidos ou entre em contato e conte o que você pensa.