Criar uma notificação com uma barra de informações

O componente de snackbar serve como uma notificação breve que aparece na parte de baixo da tela. Ele fornece feedback sobre uma operação ou ação sem interromper a experiência do usuário. As barras de informações desaparecem após alguns segundos. O usuário também pode dispensar o alerta com uma ação, como tocar em um botão.

Considere estes três casos de uso em que você pode usar uma snackbar:

  • Confirmação de ação:depois que um usuário exclui um e-mail ou uma mensagem, uma barra de informações aparece para confirmar a ação e oferecer a opção "Desfazer".
  • Status da rede:quando o app perde a conexão de Internet, uma snackbar aparece para indicar que ele está off-line.
  • Envio de dados:ao enviar um formulário ou atualizar as configurações, uma barra de informações informa que a alteração foi salva.

Compatibilidade de versões

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

Dependências

Criar uma barra de informações básica

Para implementar uma snackbar, primeiro crie SnackbarHost, que inclui uma propriedade SnackbarHostState. SnackbarHostState fornece acesso à função showSnackbar(), que pode ser usada para mostrar a snackbar.

Essa função de suspensão exige um CoroutineScope, como o uso de rememberCoroutineScope, e pode ser chamada em resposta a eventos da IU para mostrar um Snackbar em um Scaffold.

Criar uma barra de informações com ação

Você pode fornecer uma ação opcional e ajustar a duração da Snackbar. A função snackbarHostState.showSnackbar() aceita outros parâmetros actionLabel e duration e retorna um SnackbarResult.

É possível fornecer uma Snackbar personalizada com o parâmetro snackbarHost. Consulte as documentações de referência da API SnackbarHost para mais informações.

Resultados

Figura 1. Notificações de snackbar com ação.

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.