Flutter 中如何设置 SnackBar 忽略指针事件以支持点击其下方控件

方案1：使用ScaffoldMessenger的builder属性全局/局部包裹SnackBar #

这是成本最低的方案，不需要修改SnackBar源码，只需要在上级节点配置ScaffoldMessenger的builder回调，所有通过showSnackBar弹出的组件都会经过这个回调处理，你可以在这里统一套上IgnorePointer。
不需要修改原有调用逻辑，适合全局统一处理所有SnackBar的场景
示例代码：

// 可以直接在MaterialApp层级配置，也可以在单独页面的Scaffold外层包裹
MaterialApp(
  scaffoldMessengerKey: _scaffoldMessengerKey,
  builder: (context, child) {
    return ScaffoldMessenger(
      key: _scaffoldMessengerKey,
      // 所有SnackBar都会经过这个builder处理
      builder: (context, snackBar) {
        return IgnorePointer(
          ignoring: true, // 设为true即完全不吸收指针事件
          child: snackBar,
        );
      },
      child: child!,
    );
  },
  // 其他App配置...
);

如果只需要部分SnackBar不拦截点击，可以自定义标记逻辑：比如给SnackBar的content套一层自定义包装组件，或者利用SnackBar的key属性做标记，在builder里判断对应标记来动态决定ignoring的取值即可。

方案2：自定义SnackBar子类封装逻辑 #

如果你不想做全局配置，也可以继承SnackBar类，在其内部build方法外层套IgnorePointer：
侵入性低，不会影响全局其他SnackBar的默认行为

class NonBlockingSnackBar extends SnackBar {
  NonBlockingSnackBar({
    super.key,
    required super.content,
    // 按需透传SnackBar的其他参数
    super.duration,
    super.backgroundColor,
    super.behavior,
  });

  @override
  Widget build(BuildContext context) {
    return IgnorePointer(
      ignoring: true,
      child: super.build(context),
    );
  }
}

调用的时候直接把原来的SnackBar替换成这个自定义子类即可，完全符合showSnackBar的参数类型要求：

ScaffoldMessenger.of(context).showSnackBar(NonBlockingSnackBar(content: Text('Hello')));

内容的提问来源于stack exchange，提问作者xbalaj