alert_banner

Visão geral do pacote

Orientação gerada a partir de informações públicas. Apenas para referência.

Um banner de alerta visualmente atraente e animado para aplicativos Flutter que comunica mensagens aos usuários de forma eficaz. Suporta animações suaves de entrada e saída, tornando-o ideal para transmitir notificações importantes sem interromper a experiência do usuário. O banner é personalizável e funciona em todas as principais plataformas, incluindo Android, iOS, Web, macOS, Windows e Linux. Projetado com simplicidade em mente, integra-se perfeitamente em interfaces existentes e pode ser acionado programaticamente. Sua natureza leve garante desempenho rápido e sobrecarga mínima.

Casos de uso

Exibindo mensagens de sucesso temporárias
Mostrando alertas de erro após o envio do formulário
Notificando usuários sobre mudanças no estado do aplicativo
Fornecendo feedback durante as interações do usuário
Destacando atualizações importantes ou avisos

Principais recursos

Efeitos de animação suave
Compatibilidade multiplataforma
Aparência personalizável
Integração fácil com código existente
Controle programático sobre o tempo de exibição
Suporta múltiplos tipos de mensagem (informação, aviso, erro)

Indicado para

Sistemas simples de notificação
Feedback do usuário em formulários
Atualizações de status do aplicativo
Soluções leves de alerta
Desenvolvedores procurando configuração mínima

Considerações

Limitado a um banner por vez
Sem persistência ou histórico embutidos
Requer descarte manual em alguns casos
Pode não ser adequado para fluxos de trabalho de notificação complexos
Melhor para mensagens de curta duração apenas

README original

Snapshot do README original do repositório-fonte vinculado. Consulte o repositório para o conteúdo mais recente.

🔥 A powerful & beautiful alert banner that animates a message to the user 🔥

Submit an issue here.
Create a pull request here.
Contact me via email [here](mailto:me@matthewtrent.me).

One simple way to use 📚

Here is a quick example. Simply call showAlertBanner(...).

TextButton(
    onPressed: () =>  showAlertBanner( // <-- The function!
    context,
    () =>  print("TAPPED"),
    const  ExampleAlertBannerChild(), // <-- Put any widget here you want!
    alertBannerLocation:  AlertBannerLocation.bottom,
    ),
    child:  const  Text("Show alert"),
    // .. EDIT MORE FIELDS HERE ...
),

Installing 🧑‍🏫

Install the package from the pub.
flutter pub add alert_banner
Import the package.
import 'package:alert_banner/exports.dart';

Example Gif 📸

Additional Info 📣

The package is always open to improvements, [suggestions](mailto:me@matthewtrent.me), and additions!
I'll look through PRs and issues as soon as I can!
Learn about me.

Buscar pacotes, repositórios e categorias de apps

Instalar pacote