Flutter中如何使用another_flushbar插件

在Flutter项目中集成another_flushbar插件时遇到问题，按照文档添加依赖后，调用Flushbar显示通知总是报错。具体表现为：当尝试设置标题和消息内容时，Android模拟器上会抛出"Null check operator used on a null value"异常。请问正确的初始化方式是什么？是否需要额外配置MaterialApp或Scaffold的context？能否提供一个完整的示例代码展示如何自定义显示位置、持续时间和按钮交互？

2 回复

在Flutter中使用another_flushbar插件：

  1. 添加依赖到pubspec.yaml：
dependencies:
  another_flushbar: ^1.12.11
  1. 导入包：
import 'package:another_flushbar/flushbar.dart';
  1. 基本用法：
Flushbar(
  title: '标题',
  message: '消息内容',
  duration: Duration(seconds: 3),
).show(context);

支持自定义样式、位置、动画等参数。

更多关于Flutter中如何使用another_flushbar插件的实战系列教程也可以访问 https://www.itying.com/category-92-b0.html


在 Flutter 中使用 another_flushbar 插件可以轻松创建自定义的提示栏（toast 或 snackbar 样式）。以下是基本步骤和示例：

步骤：

  1. 添加依赖：在 pubspec.yaml 文件的 dependencies 下添加：

    dependencies:
  another_flushbar: ^1.12.10  # 检查最新版本

    运行 flutter pub get 安装。

  2. 导入包：

    import 'package:another_flushbar/flushbar.dart';

  3. 显示 Flushbar：通过 Flushbar() 创建并调用 show() 方法。

示例代码：

Flushbar(
  title: "提示",
  message: "操作成功！",
  duration: Duration(seconds: 3), // 显示时长
  backgroundColor: Colors.green, // 背景色
  borderRadius: BorderRadius.circular(8), // 圆角
  margin: EdgeInsets.all(10), // 边距
  icon: Icon(Icons.info, color: Colors.white), // 图标
  mainButton: TextButton(
    onPressed: () => print("按钮点击"),
    child: Text("确定", style: TextStyle(color: Colors.white)),
  ),
).show(context); // 传入 BuildContext

常用属性：

  • title：标题文本。
  • message：消息内容。
  • duration：显示时间。
  • backgroundColor：背景颜色。
  • position：位置（如 FlushbarPosition.TOP）。
  • animationDuration：动画时长。

关闭 Flushbar：

通过 dismiss() 方法或设置 duration 自动关闭。

确保在 BuildContext 可用时调用（如在 onPressed 中）。

回到顶部