alert_banner

パッケージ概要

公開情報に基づく選定ガイドです。参考としてご利用ください。

Flutterアプリ用に視覚的に魅力的でアニメーション付きのアラートバナーで、ユーザーにメッセージを効果的に伝えることができます。スムーズな登場と退場アニメーションをサポートしており、ユーザー体験を妨げることなく重要な通知を伝えるのに最適です。カスタマイズ可能で、Android、iOS、Web、macOS、Windows、Linuxなどすべての主要プラットフォームで動作します。シンプルさを重視して設計されており、既存のUIにスムーズに統合でき、プログラムからトリガーすることも可能です。軽量な構造により、高速なパフォーマンスと最小限のオーバーヘッドを実現しています。

用途

一時的な成功メッセージの表示
フォーム送信後にエラー警告を表示する
アプリの状態変更についてユーザーに通知する
ユーザーとのインタラクション中にフィードバックを提供する
重要な更新や警告を強調する

主な機能

スムーズなアニメーション効果
クロスプラットフォーム互換性
カスタマイズ可能な外観
既存のコードとの簡単な統合
表示タイミングのプログラム制御
複数のメッセージタイプ（情報、警告、エラー）をサポートしています

適している対象

シンプルな通知システム
フォーム内のユーザーのフィードバック
アプリのステータス更新
軽量なアラートソリューション
最小限のセットアップを求める開発者

注意事項

一度に1つのバナーまで
組み込みの永続性または履歴なし
一部のケースでは手動での除外が必要です
複雑な通知ワークフローには適していない可能性があります
一時的なメッセージにのみ最適

元の 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.

パッケージ、リポジトリ、アプリカテゴリを検索

パッケージをインストール