Navigator子页面中WillPopScope无法捕获返回键事件求助

问题根源 #

当底部导航栏的每个项都使用独立Navigator时，系统返回键事件默认由根Navigator处理，嵌套的子Navigator内部页面的WillPopScope无法直接接收到返回事件——根Navigator不知道子Navigator的路由栈状态，会直接尝试处理返回（比如退出APP或切换导航项）。

解决方案一：给子Navigator包裹WillPopScope（推荐） #

将子Navigator整体包裹在WillPopScope中，先判断子路由栈是否可返回，再决定让子Navigator处理返回事件（此时页面内的WillPopScope会被触发），而非直接交给根Navigator。

修改后的子Navigator代码

WillPopScope(
  onWillPop: () async {
    // 检查子Navigator是否有可弹出的路由
    if (workHistoryNavigatorKey.currentState?.canPop() ?? false) {
      // 让子Navigator执行弹出操作，触发页面内的WillPopScope
      workHistoryNavigatorKey.currentState?.pop();
      return false; // 阻止根Navigator处理本次返回事件
    }
    return true; // 子路由栈为空时，交由根Navigator处理（如退出APP）
  },
  child: Navigator(
    key: workHistoryNavigatorKey,
    onGenerateRoute: (RouteSettings settings) {
      return MaterialPageRoute(
        settings: settings,
        builder: (BuildContext context) {
          switch (settings.name) {
            case '/':
              return WorkHistoryScreen();
            case Routes.workHistoryDetailScreen:
              return WorkHistoryDetailScreen();
          }
          return Container();
        },
      );
    },
  ),
)

页面内的WillPopScope保持不变

你的WorkHistoryDetailScreen代码无需修改，当子Navigator执行pop()时，页面内的onWillPop会正常捕获返回事件，返回false即可阻止页面弹出。

解决方案二：监听系统返回事件（替代方案） #

通过WidgetsBinding直接监听系统返回事件，手动判断当前子路由栈状态：

@override
void initState() {
  super.initState();
  WidgetsBinding.instance.addPostFrameCallback((_) {
    WidgetsBinding.instance.addObserver(_backButtonObserver);
  });
}

final _backButtonObserver = _BackButtonObserver();

class _BackButtonObserver extends WidgetsBindingObserver {
  @override
  Future<bool> didPopRoute() async {
    if (workHistoryNavigatorKey.currentState?.canPop() ?? false) {
      workHistoryNavigatorKey.currentState?.pop();
      return true; // 表示已处理事件
    }
    return false; // 交由默认逻辑处理
  }
}

@override
void dispose() {
  WidgetsBinding.instance.removeObserver(_backButtonObserver);
  super.dispose();
}

此方法需要手动管理监听的生命周期，不如方案一简洁，仅作为备选。

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