Flutter中如何同时捕获透明PageB与底层PageA的点击手势？

可以实现这个需求，下面提供两种可行的解决方案：

方案一：使用Listener传递原始触摸事件 #

Flutter的GestureDetector会参与手势竞争，一旦上层组件的手势识别器胜出，事件就不会传递到下层。而Listener监听的是原始触摸事件，默认不会阻止事件向下传递，因此可以用它替代PageB中的GestureDetector，确保下层PageA的GestureDetector能接收到点击事件。

修改后的PageB代码：

class _PageB extends StatefulWidget {
  const _PageB({Key? key}) : super(key: key);

  @override
  State<_PageB> createState() => _PageBState();
}

class _PageBState extends State<_PageB> {
  @override
  Widget build(BuildContext context) {
    return Listener(
      onPointerDown: (event) {
        print('tab PageB');
      },
      child: Scaffold(
        backgroundColor: Colors.transparent,
        body: Center(
          child: Text(
            'This is a transparency page',
            style: TextStyle(fontSize: 30),
          ),
        ),
      ),
    );
  }
}

此时点击PageB区域，会同时打印tab PageB和tab PageA，因为Listener不会拦截触摸事件，事件会继续传递到下层的PageA的GestureDetector。

方案二：通过回调函数主动触发底层页面逻辑 #

如果需要保留GestureDetector的高级手势处理（比如双击、长按等），可以在跳转PageB时传递一个回调函数，在PageB的点击事件中同时调用自身逻辑和回调。

修改PageA的跳转逻辑 #

// PageA中的按钮点击事件
onPressed: () {
  Navigator.of(context).push(
    PageRouteBuilder(
      opaque: false,
      pageBuilder: (context, animation, secondaryAnimation) {
        return _PageB(onTap: () {
          print('tab PageA');
        });
      },
    ),
  );
},

修改PageB的定义和实现 #

class _PageB extends StatefulWidget {
  final VoidCallback? onTap;
  const _PageB({Key? key, this.onTap}) : super(key: key);

  @override
  State<_PageB> createState() => _PageBState();
}

class _PageBState extends State<_PageB> {
  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      onTap: () {
        print('tab PageB');
        widget.onTap?.call();
      },
      child: Scaffold(
        backgroundColor: Colors.transparent,
        body: Center(
          child: Text(
            'This is a transparency page',
            style: TextStyle(fontSize: 30),
          ),
        ),
      ),
    );
  }
}

这种方式通过显式传递回调，在PageB点击时主动触发PageA的打印逻辑，同样能实现需求。

内容的提问来源于stack exchange，提问作者无夜之星辰