如何在GestureDetector中捕获子组件手势？点击能否同时调用两个方法？

当然有办法实现同一点击操作同时调用两个方法啦！先给你解释下为什么原来的代码里只能触发其中一个：FloatingActionButton的onPressed会优先拦截并消费点击事件，所以外层的GestureDetector接收不到信号；只有当onPressed设为null时，FAB不再处理点击，事件才会传递给外层的GestureDetector触发onTap。

下面是几个实用的解决方案：

方案1：直接在onPressed中合并两个方法 #

既然FloatingActionButton的回调优先级更高，咱们直接把两个方法都放在这里面执行就行，简单直接：

GestureDetector(
  onTap: doSth,
  child: FloatingActionButton(
    onPressed: () {
      doSth();
      doSthElse();
    },
  ),
)

这样点击FAB时，doSth和doSthElse会被依次调用，完美解决需求。

方案2：保留FAB视觉反馈的同时触发双方法 #

如果希望FAB保持原生的点击涟漪效果，同时让两个方法都执行，还可以这么写：

GestureDetector(
  onTap: () {
    doSth();
    doSthElse();
  },
  child: FloatingActionButton(
    onPressed: () {}, // 空回调确保FAB保留点击视觉反馈
  ),
)

这里给onPressed设一个空回调，既能让FAB有点击的视觉反馈，又不会消费事件，外层的GestureDetector就能触发合并后的回调了。

方案3：封装工具方法复用合并逻辑 #

如果你的项目里经常需要合并多个回调，可以封装一个小工具函数，让代码更整洁：

// 自定义合并回调的工具方法
VoidCallback combineCallbacks(List<VoidCallback> callbacks) {
  return () {
    for (var callback in callbacks) {
      callback();
    }
  };
}

// 使用示例
GestureDetector(
  onTap: doSth,
  child: FloatingActionButton(
    onPressed: combineCallbacks([doSth, doSthElse]),
  ),
)

这个方法可以把任意多个VoidCallback合并成一个，后续需要合并更多方法时直接添加到列表里就行，复用性拉满~

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