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

top_snackbar_flutter のカバー
パッケージ詳細v3.5.0

top_snackbar_flutter

トップスナックバーのパッケージは、ユーザーに何が起こったかを快適かつ便利に伝えるために作成されました。

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
4.7万
いいね数
531
Pub ポイント
160

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

flutter pub add top_snackbar_flutter

パッケージ概要

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

Top Snackbar Flutterは、画面の上部にクリーンで使いやすいフィードバックメッセージを提供するための通知パッケージです。ユーザーが操作、状態、またはイベントについて知らせるためのシンプルでカスタマイズ可能な方法を提供し、作業フローを妨げません。インテグレーションの容易さを重視して設計されており、Android、iOS、Web、macOS、Windows、Linuxなど複数のプラットフォームをサポートしています。滑らかなアニメーションとデバイス間での一貫したスタイルにより、UXを向上させます。即時的かつ非侵襲的なフィードバックが必要なアプリに最適です。

用途

  • アクションの確認を表示
  • エラーまたは成功メッセージを表示する
  • リアルタイムのステータス更新を提供する
  • インタラクション中のユーザーのフィードバックを強化する
  • バックグラウンドプロセスの結果をユーザーに通知する

主な機能

  • 上部に揃えた通知
  • カスタマイズ可能な外観と期間
  • クロスプラットフォーム互換性
  • スムーズなアニメーション
  • シンプルなAPI統合
  • ダークモードのサポート

適している対象

  • モバイルおよびウェブアプリケーション
  • 即時のユーザー反応を必要とするアプリ
  • 軽量なトーストソリューションを探している開発者
  • クリーンなUI/UXデザインに注力するプロジェクト
  • マルチプラットフォーム展開にFlutterを使用するチーム

注意事項

  • 上部に配置されたSnackbarのみに制限
  • 複雑なレイアウトの組み込みサポートなし
  • 手動でキャンセルタイミングを処理する必要があります
  • 短いメッセージに最適
  • ブランドの一貫性を保つために追加のスタイリングが必要になる場合があります

元の README

関連するソースリポジトリの README 原文のスナップショットです。最新の内容はリポジトリをご覧ください。

SWUbanner

Made in lanars.com.

pub package

If you need to show the user some information in a nice way, you can use this package. The API is as simple as API for regular Material method showDialog. If you need to use your own widget to display, you can pass it into showTopSnackBar function.

Getting Started

In order to show a CustomSnackBar you need to call a showTopSnackBar function. You can pass there any widget you want but we have a CustomSnackBar for example.

showTopSnackBar(
    Overlay.of(context),
    CustomSnackBar.success(
      message:
          "Good job, your release is successful. Have a nice day",
    ),
);
showTopSnackBar(
    Overlay.of(context),
    CustomSnackBar.info(
      message:
          "There is some information. You need to do something with that",
    ),
);
showTopSnackBar(
    Overlay.of(context),
    CustomSnackBar.error(
      message:
          "Something went wrong. Please check your credentials and try again",
    ),
);

Persistent snackbar

There is a usage example demo example/main.dart

AnimationController localAnimationController;
TapBounceContainer(
    onTap: () {
        showTopSnackBar(
            Overlay.of(context),
            CustomSnackBar.info(
              message: "Persistent SnackBar",
            ),
            persistent: true,
            onAnimationControllerInit: (controller) =>
              localAnimationController = controller,
        );
    },
    child: buildButton(context, "Show persistent SnackBar"),
),
TapBounceContainer(
    onTap: () => localAnimationController.reverse(),
    child: buildButton(context, "Dismiss"),
),

カテゴリー

依存関係

依存関係一覧 1 件

ソースリポジトリ

このパッケージを使用しているプロジェクト