Flutter应用Pop操作卡住报错：组件已卸载无上下文问题

问题根源 #

你当前用Navigator.of(context).pop(widget.backTimes)的写法逻辑错误——pop方法的参数是传递给上一个页面的返回值，不是控制返回的次数。这导致你误以为在指定返回步数，但实际只是给上一页传了个数字，根本没实现多次返回的逻辑，自然会卡在序列的首个页面；如果后续在widget已经卸载的情况下还调用这个方法，就会触发"组件已卸载"的报错。

正确实现方案 #

方案1：直接返回到初始页面（推荐） #

如果知道初始页面的路由名称（比如/home），用popUntil精准匹配路由：

void closeAction() {
  if (!mounted) return; // 先判断组件是否仍挂载，避免报错
  Navigator.of(context).popUntil(ModalRoute.withName('/home'));
}

如果不清楚路由名称，也可以直接判断是否为栈底页面：

void closeAction() {
  if (!mounted) return;
  Navigator.of(context).popUntil((route) => route.isFirst);
}

方案2：按指定次数循环返回 #

如果必须用backTimes控制返回次数，要循环调用pop，且每一步都检查组件状态：

void closeAction() async {
  if (!mounted) return;
  for (int i = 0; i < widget.backTimes; i++) {
    if (!mounted) break; // 中途组件卸载则终止操作
    Navigator.of(context).pop();
    // 可选：加微小延迟，避免路由栈操作过快引发异常
    await Future.delayed(const Duration(milliseconds: 50));
  }
}

核心注意点 #

所有路由操作前必须检查mounted状态——如果组件已经被移除（比如用户手动返回），再调用Navigator.of(context)就会触发"组件已卸载"的错误，所以一定要先做判断。

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