Flutter中ScaffoldState调用showSnackBar方法报错的解决办法

你遇到的问题是因为新版本Flutter已经移除了ScaffoldState中的showSnackBar方法，现在SnackBar的管理由ScaffoldMessenger负责，以下是两种可行的修复方案：

方案1：直接通过上下文调用ScaffoldMessenger #

不需要使用GlobalKey，直接在自定义方法中通过context获取ScaffoldMessenger实例：

void showSnackBar(String title) {
  final snackbar = SnackBar(
    content: Text(
      title,
      textAlign: TextAlign.center,
      style: TextStyle(fontSize: 15),
    ),
  );

  // 替换原有的scaffoldKey调用方式
  ScaffoldMessenger.of(context).showSnackBar(snackbar);
}

方案2：使用ScaffoldMessenger的GlobalKey（保留key管理方式） #

如果需要保留通过GlobalKey控制SnackBar的逻辑，需要将key的类型改为ScaffoldMessengerState，并在Scaffold中设置messengerKey：

class _LoginPageState extends State<LoginPage> {
  // 将key的类型从ScaffoldState改为ScaffoldMessengerState
  final GlobalKey<ScaffoldMessengerState> scaffoldKey = GlobalKey<ScaffoldMessengerState>();

  void showSnackBar(String title) {
    final snackbar = SnackBar(
      content: Text(
        title,
        textAlign: TextAlign.center,
        style: TextStyle(fontSize: 15),
      ),
    );

    // 调用ScaffoldMessengerState的showSnackBar方法
    scaffoldKey.currentState?.showSnackBar(snackbar);
  }

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      // 设置messengerKey而非原来的key
      messengerKey: scaffoldKey,
      // 其余页面代码...
    );
  }
}

补充说明 #

• 新版本Flutter将SnackBar的管理逻辑抽离到ScaffoldMessenger，目的是支持跨路由显示SnackBar，同时废弃了原ScaffoldState中的相关方法。
• 使用?.运算符是为了适配Flutter的空安全特性，避免currentState为null时出现异常。

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