Flutter嵌套WillPopScope组件时子页面返回按钮回调不触发的解决方法

你的问题根源在于顶层NavigationPage的WillPopScope直接拦截了系统返回事件，并没有将事件传递给ManagementScreen所在的子Navigator及其内部的WillPopScope。当前逻辑仅判断子Navigator是否有可弹出的路由，却没有触发子页面自身的onWillPop回调逻辑。

修改NavigationPage中的systemBackButtonPressed方法，通过子Navigator的maybePop()方法触发子页面的onWillPop回调。maybePop()会先调用当前页面的onWillPop，根据返回值决定是否执行路由弹出，完美适配你的需求。

更新NavigationPage的systemBackButtonPressed方法 #

Future<bool> systemBackButtonPressed() async {
  // 处理首页的返回逻辑（退出APP）
  if (_selectedIndex == 0) {
    return Future.value(true);
  } else {
    final currentNavState = _navigatorKeys[_selectedIndex].currentState;
    if (currentNavState != null) {
      // 调用maybePop触发子页面的onWillPop回调
      final didPop = await currentNavState.maybePop();
      // 如果maybePop返回false，说明要么子页面阻止了弹出，要么没有路由可弹
      if (!didPop) {
        // 切换回首页
        setState(() {
          _selectedIndex = 0;
        });
      }
      // 始终返回false，阻止顶层WillPopScope退出APP
      return Future.value(false);
    }
    // 兜底逻辑：切换回首页
    setState(() {
      _selectedIndex = 0;
    });
    return Future.value(false);
  }
}

修正子Navigator的onGenerateRoute问题（可选但重要） #

你当前的onGenerateRoute中使用_selectedIndex构建页面，会导致切换tab时子Navigator的路由逻辑异常，建议改为循环索引绑定：

children: List.generate(_navigatorKeys.length, (index) {
  return Navigator(
    key: _navigatorKeys[index],
    onGenerateRoute: (routeSettings) {
      return MaterialPageRoute(
        builder: (context) => getPage(index), // 使用当前循环的index，而非_selectedIndex
      );
    },
  );
}),

修改后，在ManagementScreen点击返回按钮时，其内部的_onWillPop方法会被触发：

• 如果_onWillPop返回true，子Navigator会弹出当前路由（若存在）；
• 如果返回false，则不会弹出，随后执行切换回首页的逻辑；
• 如果子Navigator没有可弹出的路由，直接切换回首页。

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