使用GoRouter时MaterialApp.builder内的PopScope不生效问题排查

你当前的写法无效，核心原因是GoRouter的路由管理逻辑独立于MaterialApp的全局PopScope：

GoRouter自身维护着路由栈，它的页面导航（包括返回操作）会优先由自己的逻辑处理，你在MaterialApp的builder里全局套的PopScope根本无法拦截GoRouter内部的页面弹出事件。

正确做法 #

1. 页面级单独使用PopScope #

针对需要阻止返回的特定页面，在页面内部包裹PopScope，而不是全局套在MaterialApp上：

class ProtectedPage extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return PopScope(
      canPop: false,
      child: Scaffold(
        appBar: AppBar(title: const Text("禁止返回")),
        body: const Center(child: Text("无法通过返回键返回此页面")),
      ),
    );
  }
}

2. 全局拦截（可选） #

如果需要全局控制返回行为，可以通过GoRouter的NavigatorObserver自定义拦截逻辑，或者在redirect方法中判断路由状态，但这种场景较少，推荐优先使用页面级的PopScope。

比如自定义Observer：

class GoRouterBackObserver extends NavigatorObserver {
  @override
  void didPop(Route route, Route? previousRoute) {
    // 在这里判断是否允许弹出，比如根据当前路由名称
    if (route.settings.name == "/protected") {
      // 阻止弹出，这里可以结合上下文做提示或其他操作
      return;
    }
    super.didPop(route, previousRoute);
  }
}

// 在GoRouter初始化时添加
final _router = GoRouter(
  observers: [GoRouterBackObserver()],
  routes: [/* 你的路由配置 */],
);

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