You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

使用another_flushbar包实现的snackbar如何在点击时隐藏?

实现方法

只需要为Flushbar配置onTap回调参数,在回调中调用实例的dismiss()方法即可主动隐藏弹窗,修改后的代码可参考如下两种写法:

  1. 单独定义实例的写法
// 提前声明Flushbar实例
Flushbar flushbar = Flushbar(
  title: "Title",
  message: 'some message here',
  duration: Duration(seconds: 3),
  flushbarPosition: FlushbarPosition.TOP,
  onTap: (currentBar) {
    currentBar.dismiss();
  },
);
// 显示弹窗
flushbar.show(context);
  1. 链式调用写法
Flushbar(
  title: "Title",
  message: 'some message here',
  duration: Duration(seconds: 3),
  flushbarPosition: FlushbarPosition.TOP,
  // 直接在回调中处理隐藏逻辑
  onTap: (bar) => bar.dismiss(),
)..show(context);

完成配置后,点击弹出的snackbar就会立即触发隐藏逻辑,同时原有的3秒自动隐藏逻辑不受影响,未点击的情况下3秒后也会自动消失。

内容的提问来源于stack exchange,提问作者rozerro

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.10.04 15:06:02