不要跨异步间隙使用 BuildContexts - Flutter

Question

我在await之后使用SnackBar 。

所以，它显示这样的错误：

Do not use BuildContexts across async gaps 

我使用if (!mounted)这一行来消除错误。 它消除了问题，但是SnackBar没有显示。 完成任务时

我的代码在这里：

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

showSnackBar 是 customWidget。 它的代码：

void showSnackBar(BuildContext context, String title) {
  final snackBar = SnackBar(
    content: CustomText(
      text: title,
      size: 16,
    ),
    backgroundColor: darkblueColor,
  );
  ScaffoldMessenger.of(context).showSnackBar(snackBar);
}

我该怎么办？ 我想在等待之后展示小吃店。

Answer 1

这个基本示例基于您的代码段。 在返回未来的结果（例如数据库调用）之后，这里调用了一个 snackbar。 如果这有帮助？

import 'dart:math';
import 'package:flutter/material.dart';

class SnackBarAfterFutureResult extends StatelessWidget {
  const SnackBarAfterFutureResult({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Center(
        child: OutlinedButton(
            onPressed: () async {
              await removeMethod()
                  .then((value) => showSnackBar(context, value));
            },
            child: const Text('Database call')),
      ),
    );
  }
}

void showSnackBar(BuildContext context, bool result) {
  String text = "Job done!";
  if (!result) {
    text = "Error!!";
  }
  final snackBar = SnackBar(content: Text(text), backgroundColor: Colors.blue);
  ScaffoldMessenger.of(context).showSnackBar(snackBar);
}

Future<bool> removeMethod() async {
  //e.g. getting result from database call
  bool isSuccess = false;
  await Future.delayed(const Duration(seconds: 2), () {
    isSuccess = Random().nextBool();
  });
  return isSuccess;
}