Flutter中Scaffold双Key使用问题：showSnackBar失效怎么修复？

问题原因 #

你创建了_scaffoldMessengerKey但未将其绑定到ScaffoldMessenger组件，导致调用showSnackBar时找不到对应的状态实例，因此无法正常触发SnackBar。_scaffoldStateKey绑定到Scaffold的部分是正确的，可用于控制抽屉，但SnackBar从Flutter 2.0开始由ScaffoldMessenger管理，需要单独关联对应的Key。

解决方案 #

方案一：绑定ScaffoldMessengerKey（保留双Key的写法） #

在build方法中，用ScaffoldMessenger包裹Scaffold，并将其key设置为你定义的_scaffoldMessengerKey：

@override
Widget build(BuildContext context) {
  return ScaffoldMessenger(
    key: _scaffoldMessengerKey, // 绑定messenger的key
    child: Scaffold(
      key: _scaffoldStateKey, // 保留scaffold的key用于抽屉控制
      appBar: AppBar(
        title: const Text("A test app"),
      ),
      body: Center(
        child: Column(
          children: [
            // 抽屉按钮部分保持不变
            Builder(
              builder: (context) {
                return ElevatedButton(
                  onPressed: () {
                     _scaffoldStateKey.currentState?.openDrawer();
                  },
                  child: const Text("Open drawer 1"),
                );
              },
            ),
            Builder(builder: (context) {
              return ElevatedButton(
                onPressed: () {
                  _scaffoldStateKey.currentState?.openDrawer();
                },
                child: const Text("Open drawer 2"),
              );
            }),
            // SnackBar按钮部分保持不变
            Builder(
              builder: (context) {
                return ElevatedButton(
                  onPressed: () {
                    _scaffoldMessengerKey.currentState?.showSnackBar(
                      const SnackBar(content: Text("Here is a snackbar")),
                    );
                  },
                  child: const Text("Show snackbar"),
                );
              },
            ),
          ],
        ),
      ),
      drawer: const Drawer(),
    ),
  );
}

方案二：简化写法（无需额外Key，推荐） #

不需要维护两个全局Key，直接通过上下文获取对应状态即可：

• 抽屉控制：保留_scaffoldStateKey或使用Scaffold.of(context).openDrawer()（需在Builder确保上下文能访问到Scaffold）
• SnackBar显示：直接调用ScaffoldMessenger.of(context).showSnackBar(...)

修改后的SnackBar按钮代码：

Builder(
  builder: (context) {
    return ElevatedButton(
      onPressed: () {
        ScaffoldMessenger.of(context).showSnackBar(
          const SnackBar(content: Text("Here is a snackbar")),
        );
      },
      child: const Text("Show snackbar"),
    );
  },
),

如果选择这种方式，你可以直接删除_scaffoldMessengerKey的定义，减少代码冗余。

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