Flutter中PageView嵌套PopScope遇重复调用Navigator.pop问题求助

核心问题在于PopScope是基于Widget树的——只要组件处于活跃状态（比如PageView视口中的非当前页面），就会响应返回手势，而旧版WillPopScope是绑定到路由的，仅当前路由的组件会触发。要让仅当前页面的PopScope生效，可通过以下方式实现：

方案：给子组件传递当前页面状态，控制PopScope的生效逻辑 #

1. 在PageView父组件中维护当前页面索引
   使用PageController监听页面切换，同步更新当前索引状态：

   class _ParentPageState extends State<ParentPage> {
     final PageController _controller = PageController();
     int _currentIndex = 0;
   
     @override
     void initState() {
       super.initState();
       _controller.addListener(() {
         setState(() {
           _currentIndex = _controller.page?.round() ?? 0;
         });
       });
     }
   
     @override
     Widget build(BuildContext context) {
       return PageView(
         controller: _controller,
         children: [
           YourChildPage(isCurrentPage: _currentIndex == 0),
           YourChildPage(isCurrentPage: _currentIndex == 1),
           // 其他页面...
         ],
       );
     }
   }
   

2. 子组件中根据状态控制PopScope逻辑
   在包含PopScope的子组件中，接收isCurrentPage参数，仅当当前页面处于激活状态时，才执行自定义返回逻辑：

   class YourChildPage extends StatelessWidget {
     final bool isCurrentPage;
   
     const YourChildPage({super.key, required this.isCurrentPage});
   
     @override
     Widget build(BuildContext context) {
       return PopScope(
         // 非当前页面直接允许系统默认返回，不拦截
         canPop: isCurrentPage ? _customCanPopCheck() : true,
         onPopInvoked: (didPop) {
           // 仅当前页面且系统未自动处理返回时，执行自定义逻辑
           if (isCurrentPage && !didPop) {
             // 你的自定义返回处理，比如：
             Navigator.pop(context);
           }
         },
         child: // 子组件内容...,
       );
     }
   
     bool _customCanPopCheck() {
       // 你的原有canPop判断逻辑
       return true;
     }
   }
   

原理说明 #

通过isCurrentPage参数，让非当前页面的PopScope直接放行返回手势（canPop: true），不会触发自定义的onPopInvoked逻辑；只有当前激活的页面才会执行你绑定在子组件里的返回处理，避免多次调用Navigator.pop。

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