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

delightful_toast のカバー
パッケージ詳細v1.1.0

delightful_toast

スライドで非表示、自動非表示、スタックアニメーション、必要に応じて非表示などの機能を備えた、豊富なインタラクションが可能な素晴らしいトーストバー用パッケージです。

AndroidiOSWebmacOSWindowsLinux
30日間ダウンロード
2650
いいね数
244
Pub ポイント
150

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

flutter pub add delightful_toast

パッケージ概要

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

Delightful Toast は、標準的なトースト通知に豊富なインタラクティブ機能を追加するFlutterパッケージです。スライドして消去するジェスチャー、自動非表示、複数のトースト用のスタックアニメーション、必要に応じた手動非表示をサポートしています。モダンなUI向けに設計されており、カスタマイズ可能な外観と動作でスムーズで魅力的なフィードバックを提供します。クロスプラットフォームでのダイナミックでユーザーに優しいトースト体験を求めているアプリに最適です。

用途

  • インアプリ内インタラクティブ通知
  • ユーザーのフィードバックとスワイプジェスチャー
  • スタックされたトーストメッセージ
  • 自動非表示アラート
  • トーストのライフサイクルに対する手動制御

主な機能

  • スワイプして閉じる
  • 自動非表示
  • スタックアニメーション
  • 要望に応じて非表示
  • クロスプラットフォーム対応

適している対象

  • モバイルおよびWebアプリケーション
  • インタラクティブなトーストUXを必要とするアプリ
  • 豊かな通知効果を望む開発者
  • ユーザー参加を重視するプロジェクト

注意事項

  • カスタムテーマ用に追加のスタイル設定が必要になる場合があります
  • 高頻度のトーストによるパフォーマンスへの影響
  • 基本的なトーストのコンテンツタイプに限定
  • 複雑な会話には適していません
  • スタックロジックの取り扱いに注意が必要です

元の README

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

A delighful and very interactive toast or a snackbar to add more delight to your application

ezgif com-video-to-gif

https://github.com/SwaroopSambhayya/delight_toast/assets/31922733/45b77a2e-7a73-44a0-899d-8d2f740097fb

Features

  1. Trigger a toastbar
  2. Slide to dismiss a toastbar
  3. Auto dimiss a toastbar
  4. Dismiss on demand via action buttons
  5. Stacking a toasbar in a delightful way!

Getting started

In pubspec.yaml

    delightful_toast: ^1.1.0
// add the import statement
import  'package:delightful_toast/delight_toast.dart';

Usage

Use the toasbar whenever a event has been triggered like onPressed/onTapped or in any other situation where the event is enforced

ElevatedButton( onPressed:(){
     DelightToastBar(
              builder: (context) => const ToastCard(
                leading: Icon(
                  Icons.flutter_dash,
                  size: 28,
                ),
                title: Text(
                  "Hi I'm Dash, Let's have a walkthrough of Delight Toast",
                  style: TextStyle(
                    fontWeight: FontWeight.w700,
                    fontSize: 14,
                  ),
                ),
              ),
            ).show(context);

},
     child: const Text("Toast!")
)

カテゴリー

依存関係

依存関係一覧 1 件

ソースリポジトリ

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