从WillPopScope迁移到PopScope后TabBarView返回异常问题

问题原因 #

你当前的PopScope写法中，canPop: false会强制阻止路由弹出，但TabBarView切换到非首页时，系统返回键的事件处理逻辑与首页不一致，导致出现黑屏无弹窗的异常。而WillPopScope通过返回值控制弹出逻辑，更适配这种全局拦截场景。

解决方案 #

方案一：调整PopScope位置并修正回调逻辑 #

将PopScope包裹在Scaffold外层，确保拦截整个页面的返回事件，同时在onPopInvoked中判断是否已执行pop动作，再触发弹窗：

return PopScope(
  canPop: false,
  onPopInvoked: (didPop) async {
    // 仅当未执行pop动作时触发退出弹窗
    if (!didPop) {
      showExitPopup();
    }
  },
  child: Scaffold(
    body: tabBarPages(),
    // 你的其他Scaffold配置（如AppBar、bottomNavigationBar等）
  ),
);

方案二：手动控制弹出逻辑（更灵活） #

不设置canPop，完全通过onPopInvoked接管返回事件，根据用户弹窗选择决定是否退出应用：

return PopScope(
  onPopInvoked: (didPop) async {
    if (!didPop) {
      // 假设showExitPopup返回Future<bool>，表示用户是否确认退出
      bool shouldExit = await showExitPopup();
      if (shouldExit) {
        Navigator.of(context).pop();
      }
    }
  },
  child: tabBarPages(),
);

注意：如果你的showExitPopup当前没有返回值，需要调整为返回用户的选择结果（比如通过showDialog的返回值获取），才能正确控制应用退出逻辑。

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