如何在异步函数中防止Navigator.pop（）弹出不再存在的路由了？

Question

在我的Flutter应用程序中，我有一个按钮，该按钮启动了异步网络操作，并在等待它完成时显示对话框。完成后，对话框将从导航中弹出，但是我遇到了并发问题。这是我的代码：

ElevatedButton(
  onPressed: () async {
    showDialog(
      context: context,
      builder: (context) => Center(child: CircularProgressIndicator()),
    );
    await asyncNetworkOperation();
    Navigator.pop(context);
  },
  child: Text("Press here");
)

如果在进行网络操作时，用户点击了Android返回按钮，则对话框会提前弹出。然后，一旦网络操作完成，就会发出另一个Navigator.pop（上下文），从而将导航推回一个额外的步骤。

如果用户已经弹出对话框，则避免执行导航器的最佳方法是什么？我知道我可以防止返回按钮与 willPopsCope 窗口小部件完全工作，但是我希望用户能够在操作中花费太长时间能够中止该操作。

TLDR：如何在异步效果中预防 navigator.pop（），以弹出已经弹出的路由？

Answer 1

一种多功能方法（可能是建议）正在使用已安装的属性，该属性需要您使用 statefulwidget ：

class MyDialog extends StatefulWidget {
  const MyDialog({Key? key}) : super(key: key);

  @override
  State<MyDialog> createState() => _MyDialogState();
}

class _MyDialogState extends State<MyDialog> {
  @override
  Widget build(BuildContext context) {
    return AlertDialog(
      title: const Text('AlertDialog Title'),
      content: const Text('AlertDialog description'),
      actions: <Widget>[
        TextButton(
          onPressed: () async {
            await Future.delayed(const Duration(seconds: 5));
            if (!mounted) {
              return;
            }
            Navigator.pop(context, 'Cancel');
          },
          child: const Text('Cancel'),
        ),
      ],
    );
  }
}

创建 state> state object和nated code> initstate ，框架通过将其与 buildContext 关联来“安装”状态对象。 状态对象保持安装直到框架调用处置，此后，框架将永远不会要求 state> state 对象再次构建，因此您可以在安全使用上下文对象之前，请检查已安装的属性，除了弹出导航器外，其他目的。

---

See:

1. https://dart-lang.github.io/linter/lints/use_build_context_synchronously. html
2. https://api.flutter.dev/flutter.dev/flutter.dev/flutter.dev/flutter/widgetss /state/mounted.html

Answer 2

您可以检查对话框是否活动。仅在有主动对话框

示例时返回：

_isOpen = true;


ElevatedButton(
  onPressed: () async {
    showDialog(
      context: context,
      builder: (context) => Center(child: CircularProgressIndicator()),
    ).then((_) => _isOpen = false);
    await asyncNetworkOperation();
    if(_isOpen){
        Navigator.pop(context);
    }
  },
  child: Text("Press here");
)

Answer 3

可以使用 statefulwidget 来解决此问题。我们可以使用已安装 statefulwidget的属性来检查小部件是否处置。无状态宽松没有安装的属性。

ElevatedButton(
 onPressed: () async {
  showDialog(
    context: context,
    builder: (context) => Center(child: CircularProgressIndicator()),
  );
  await asyncNetworkOperation();
  if(mounted) {
    Navigator.pop(context);
  }
},
 child: Text("Press here");)

Answer 4

不确定，如果这很有意义。

if(ModalRoute.of(dialogContext)?.isCurrent ?? false){
   Navigator.pop(dialogContext);
}

如果我没有错，这是在检查给定上下文的路线当前位于导航器树的顶部。如果是流行音乐，否则不要弹出。在此示例中，我通过的上下文属于对话框。我使用的另一种方式是确保对话框下的小部件不在顶部。

//Assume widgetContext is the Scaffold below my dialog
//and dialogContext is the context of my dialog

if(ModalRoute.of(widgetContext)?.isCurrent != true){
   Navigator.pop(dialogContext);
}

无效的安全性，取决于您，我将“！= true”放置，因为如果它的空，我也不想弹出。无论出于何种原因，WidgetContext的ModalRoute都不会返回我的价值。与为什么我使用“？false”相同