搜索插件、代码仓与 APP 分类

delightful_toast 封面
插件详情v1.1.0

delightful_toast

一个令人愉悦的 toastbar 包,支持丰富的交互功能,如滑动关闭、自动关闭、堆叠动画和按需关闭。

AndroidiOSWebmacOSWindowsLinux
近 30 天下载
2650
喜欢数
244
Pub 分数
150

安装插件

flutter pub add delightful_toast

插件介绍

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

Delightful Toast 是一个 Flutter 包,可为标准的 toast 通知增强丰富的交互功能。它支持滑动关闭手势、自动关闭、多个 toast 的堆叠动画以及按需手动关闭。专为现代 UI 设计,提供流畅且引人入胜的反馈,具有可自定义的外观和行为。非常适合希望在跨平台应用中实现动态、用户友好的 toast 体验的应用。

适合场景

  • 应用内互动通知
  • 用户反馈与滑动手势
  • 堆叠的提示消息
  • 自动消失的警告
  • 手动控制吐司生命周期

主要特点

  • 滑动以关闭
  • 自动关闭
  • 堆叠动画
  • 按需取消
  • 跨平台支持

适合对象

  • 移动和Web应用
  • 需要交互式吐司用户体验的应用
  • 希望实现丰富通知效果的开发者
  • 强调用户参与度的项目

使用建议

  • 可能需要为自定义主题添加额外的样式
  • 高频率弹出消息的性能影响
  • 仅限基本吐司内容类型
  • 不适合复杂的对话
  • 需要仔细处理堆叠逻辑

原始 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 项

源码仓库

使用此插件的项目