flutter - 如何在 Flutter 中离开屏幕前显示确认对话框

Question

我想在处理或离开屏幕之前或最近显示警告 SnackBar 之前显示警报对话框，我该怎么做？

我知道如何显示对话框和 SnackBar，但我不知道我在哪里执行此操作，或者我何时尝试在处理生命钩子(Hook)时执行此操作，但它会出错。由于上下文在显示对话框之前被处理。

Answer 1

您可以使用 WillPopScope小部件:

  @override
  Widget build(BuildContext context) {
    return WillPopScope(
      onWillPop: () async {
        final value = await showDialog<bool>(
          context: context,
          builder: (context) {
            return AlertDialog(
              content: Text('Are you sure you want to exit?'),
              actions: <Widget>[
                FlatButton(
                  child: Text('No'),
                  onPressed: () {
                    Navigator.of(context).pop(false);
                  },
                ),
                FlatButton(
                  child: Text('Yes, exit'),
                  onPressed: () {
                    Navigator.of(context).pop(true);
                  },
                ),
              ],
            );
          }
        );

        return value == true;
      },
      child: Scaffold(
        appBar: AppBar(),
        body: SafeArea(
          child: Container()
        ),
      ),
    );
  }