alert_banner

插件介绍

基于插件公开信息、社区数据与项目使用情况整理的选型参考。

一个视觉上吸引人且带有动画效果的Flutter应用警报横幅，能够有效向用户传达信息。它支持流畅的进入和退出动画，非常适合传递重要通知，同时不会干扰用户体验。该横幅可自定义，并可在所有主要平台（包括Android、iOS、Web、macOS、Windows和Linux）上运行。设计简洁，可无缝集成到现有UI中，并可通过编程方式触发。其轻量级特性确保了快速性能和最小开销。

适合场景

显示临时成功消息
表单提交后显示错误提示
通知用户应用程序状态的变化
在用户交互过程中提供反馈
突出显示重要更新或警告

主要特点

平滑的动画效果
跨平台兼容性
可自定义外观
与现有代码的轻松集成
程序化控制显示时间
支持多种消息类型（信息、警告、错误）

适合对象

简单的通知系统
表单中的用户反馈
应用状态更新
轻量级警报解决方案
寻求最小化设置的开发者

使用建议

一次只能显示一个横幅
无内置持久化或历史记录
在某些情况下需要手动关闭
可能不适合复杂的通知工作流
仅适用于短暂消息

原始 README

以下为关联源码仓库的 README 原文快照，最新内容请访问源码仓库。

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

搜索分类、插件与代码仓

安装插件