Flutter中ScaffoldMessenger在Navigator pop后无法自动隐藏SnackBar的问题

ScaffoldMessenger 是 Material 框架在应用根级别提供的全局单例服务，默认挂靠在应用的根导航节点上，和旧版直接绑定单个Scaffold的SnackBar生命周期完全独立。
你遇到的两个异常现象本质是同一个根因：

• 页面返回上一级时，承载SnackBar的原页面已经销毁，但SnackBar挂靠在全局Messenger上，不会随页面一起自动移除，所以会一直停留在屏幕上。
• 返回上一级后再点击SnackBar上的Hide按钮，按钮回调里持有的原页面context已经随页面销毁失效，调用hideCurrentSnackBar时拿不到有效的Messenger实例，所以点击按钮没有任何反应。

实现页面离开时自动移除SnackBar的可落地方案 #

1. 手动关联实例，在页面销毁时主动移除SnackBar #

把页面内展示的SnackBar实例、关联的Messenger实例存为State类的成员变量，在页面的dispose生命周期回调里主动移除本页面展示的SnackBar，还能避免误关其他页面刚弹出的SnackBar。
修改后的可用代码：

class _YourPageState extends State<YourPage> {
  // 提前存储关联的Messenger、展示的SnackBar实例，避免context失效
  ScaffoldMessengerState? _pageMessenger;
  SnackBar? _currentPageSnackBar;

  void _successSnackbar(BuildContext context, String message) {
    _pageMessenger = ScaffoldMessenger.of(context);
    _pageMessenger!.hideCurrentSnackBar();

    _currentPageSnackBar = SnackBar(
      content: Row(
        children: [
          Icon(FontAwesomeIcons.checkCircle, color: Colors.green[400], size: 35),
          const SizedBox(width: 15),
          Flexible(
            child: Text(
              message,
              style: TextStyle(color: Colors.green[400], fontSize: 14.5),
            ),
          ),
        ],
      ),
      action: SnackBarAction(
        label: 'Hide',
        onPressed: () {
          _pageMessenger?.hideCurrentSnackBar();
        },
      ),
      duration: const Duration(seconds: 2),
    );
    _pageMessenger!.showSnackBar(_currentPageSnackBar!);
  }

  @override
  void dispose() {
    // 页面销毁时，主动移除本页面展示的SnackBar
    if (_currentPageSnackBar != null) {
      // 用提前存好的Messenger实例调用，不会触发失效context的警告
      _pageMessenger?.removeCurrentSnackBar();
    }
    super.dispose();
  }

  // 其余原有页面逻辑...
}

2. 页面嵌入局部ScaffoldMessenger，自动绑定页面生命周期 #

如果不想写手动移除的逻辑，可以在当前页面的Widget树里嵌套一层独立的ScaffoldMessenger，让它的生命周期和当前页面保持一致。页面销毁时，这个局部Messenger和上面挂载的SnackBar会被框架自动回收，不需要额外写销毁逻辑。
实现方式很简单，只要把当前页面的根Scaffold套一层ScaffoldMessenger就行：

@override
Widget build(BuildContext context) {
  return ScaffoldMessenger(
    child: Scaffold(
      // 原有页面的全部内容和配置
    ),
  );
}

这种方式下，页面内所有调用ScaffoldMessenger.of(context)的地方，拿到的都是这个局部的Messenger实例，展示的SnackBar不会泄漏到全局导航层。

注意：不要在页面的异步回调、销毁逻辑里直接用已经随页面销毁的context调用Messenger方法，优先引用提前存储的Messenger实例，就能避免方法调用失效的问题。

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