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

如何滑动关闭Awesome_Snackbar_Content?求技术解决方案

如何滑动关闭Awesome_Snackbar_Content

要实现滑动关闭Awesome_Snackbar_Content,只需在创建SnackBar时添加dismissDirection属性,指定允许的滑动方向即可。

修改后的代码示例:

final snackBar = SnackBar(
  elevation: 0,
  behavior: SnackBarBehavior.floating,
  backgroundColor: Colors.transparent,
  // 添加滑动关闭方向配置,以水平滑动为例
  dismissDirection: DismissDirection.horizontal,
  content: AwesomeSnackbarContent(
    title: 'On Snap!',
    message: 'This is an example error message that will be shown in the body of snackbar!',
    contentType: ContentType.failure,
  ),
);

ScaffoldMessenger(context)
  ..hideCurrentSnackBar()
  ..showSnackBar(snackBar);

可选的滑动方向参数:

  • DismissDirection.horizontal:允许左右任意方向滑动关闭
  • DismissDirection.startToEnd:仅允许从起始端向结束端滑动(如左→右)
  • DismissDirection.endToStart:仅允许从结束端向起始端滑动(如右→左)
  • DismissDirection.up:允许向上滑动关闭
  • DismissDirection.down:允许向下滑动关闭

注意:避免设置为DismissDirection.none,该参数会完全禁用滑动关闭功能。

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

相关产品推荐
方舟 Agent Plan

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

最近更新时间:2026.06.23 03:34:51