Flutter中如何在子组件获取PopScope的canPop状态？

架构老林

2026-6-22

自定义返回按钮同时兼容Navigator.canPop与PopScope.canPop规则

你之前的代码问题在于：ModalRoute.of(context).canPop()仅判断路由本身是否可被弹出，而PopScope是通过向路由添加PopEntry拦截弹出操作，并不会修改ModalRoute的canPop属性，因此无法通过该方式获取PopScope的拦截状态。

正确判断逻辑

要同时满足两个规则，需要结合以下两个判断：

Navigator.of(context).canPop()：确认导航栈中存在可弹出的路由
ModalRoute.of(context)?.willPop()：异步检查当前路由的所有拦截项（包括PopScope添加的）是否允许弹出，返回Future<bool>

实现方式

方式1：点击时异步判断

直接在按钮点击事件中完成判断，符合返回操作的触发逻辑：

IconButton(
  icon: const Icon(Icons.arrow_back),
  onPressed: () async {
    final navigator = Navigator.of(context);
    // 先判断导航栈是否有可弹出的路由
    if (!navigator.canPop()) return;
    // 检查当前路由是否允许弹出（包含PopScope的拦截逻辑）
    final canPop = await ModalRoute.of(context)?.willPop() ?? true;
    if (canPop) {
      navigator.pop();
    }
  },
)

方式2：动态更新按钮状态

如果需要根据判断结果禁用/启用按钮，可以用FutureBuilder提前获取状态：

FutureBuilder<bool>(
  future: () async {
    final navigator = Navigator.of(context);
    if (!navigator.canPop()) return false;
    return ModalRoute.of(context)?.willPop() ?? true;
  }(),
  initialData: true,
  builder: (context, snapshot) {
    final isDismissable = snapshot.data ?? false;
    return IconButton(
      icon: const Icon(Icons.arrow_back),
      onPressed: isDismissable ? () => Navigator.of(context).pop() : null,
    );
  },
)