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.

Dependências

Implementar uma página inferior

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

Abrir e fechar a página

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

Pontos principais

  • 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.

Resultados

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

Coleções que contêm este guia

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.

Tem dúvidas ou feedback?

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.