Flutter异步后用SnackBar遇问题：加mounted判断后SnackBar不显示

问题分析 #

你遇到的Do not use BuildContexts across async gaps错误，是因为异步操作完成时Widget可能已被销毁，导致持有的BuildContext失效。添加if (!mounted) return后错误消失，但SnackBar无法显示，通常有两种原因：

1. 异步完成时Widget已经被卸载（此时确实不该显示SnackBar）
2. 使用的BuildContext不是当前活跃Scaffold的有效上下文

推荐解决方案：使用GlobalKey绑定ScaffoldMessenger #

这种方式彻底摆脱对BuildContext的依赖，是最可靠的解决方法。

步骤1：定义GlobalKey #

在你的State类中声明全局Key，用于绑定ScaffoldMessenger：

class YourWidgetState extends State<YourWidget> {
  final _scaffoldMessengerKey = GlobalKey<ScaffoldMessengerState>();
  
  // ...其他代码
}

步骤2：关联Scaffold组件 #

在build方法的Scaffold中设置scaffoldMessengerKey：

@override
Widget build(BuildContext context) {
  return Scaffold(
    scaffoldMessengerKey: _scaffoldMessengerKey,
    // ...页面其他内容
  );
}

步骤3：修改showSnackBar方法 #

去掉对BuildContext的依赖，直接使用GlobalKey弹出SnackBar：

void showSnackBar(String title) {
  final snackBar = SnackBar(
    content: CustomText(
      text: title,
      size: 16,
    ),
    backgroundColor: darkblueColor,
  );
  _scaffoldMessengerKey.currentState?.showSnackBar(snackBar);
}

步骤4：更新异步方法 #

无需再判断mounted（GlobalKey会自动处理Widget是否存活的情况）：

Future removeMethod() async {
  String res = await DatabaseMethods().idReject(widget.uid);
  if (res == "success") {
    showSnackBar("Job done!");
  } else {
    showSnackBar("Error!!");
  }
}

备选方案：确保使用正确的BuildContext #

如果你不想使用GlobalKey，可以检查并使用Scaffold的有效上下文：

1. 在Scaffold子组件中使用Builder获取正确的上下文：

@override
Widget build(BuildContext context) {
  return Scaffold(
    body: Builder(
      builder: (scaffoldContext) {
        return ElevatedButton(
          onPressed: () => removeMethod(scaffoldContext),
          child: const Text("执行操作"),
        );
      },
    ),
  );
}

2. 修改异步方法，传入正确的上下文并判断Widget状态：

Future removeMethod(BuildContext scaffoldContext) async {
  String res = await DatabaseMethods().idReject(widget.uid);
  if (mounted) {
    if (res == "success") {
      showSnackBar(scaffoldContext, "Job done!");
    } else {
      showSnackBar(scaffoldContext, "Error!!");
    }
  }
}

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