O Jetpack Compose oferece uma implementação do Material Design, um sistema de design abrangente para criar interfaces digitais. Você pode usar funções combináveis para implementar componentes do Material Design.

Layouts

Use o elemento combinável Scaffold para fornecer estrutura às telas.
Vários elementos combináveis permitem criar barras de apps nas partes de cima e de baixo das telas.

Entrada do usuário

Use Button e elementos de composição semelhantes para criar um intervalo de botões comuns.
Ativa para permitir que o usuário ative ou desative as opções no app.
O usuário pode usar controles deslizantes para selecionar um valor em um intervalo.
Com os ícones, você exibe informações e processa as entradas do usuário.
Use FloatingActionButton e elementos de composição semelhantes para criar um intervalo de botões de ação flutuantes.

Outros componentes

Os indicadores de progresso fornecem ao usuário informações visuais sobre o andamento do processamento.
Use cards para conter um único conjunto de informações em uma tela.
O Dialog para exibir mensagens e opções para o usuário.
Use um snackbar para exibir uma breve mensagem em um pequeno pop-up na parte inferior da tela.
Uma gaveta é uma barra lateral deslizante para navegação ou conteúdo adicional
Aprenda a usar layouts básicos no Compose.
Aprenda a gerenciar recursos como strings e imagens.