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.
Coletânea de guias rápidos

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.
Acessar as perguntas frequentes Enviar feedback