如何在GestureDetector中实现InkWell水波纹效果并获取LongPressDownDetails

方案一：直接利用InkWell原生回调 #

你可能没注意到，InkWell本身就提供了onLongPressDown回调，参数正是你需要的LongPressDownDetails，无需额外嵌套GestureDetector就能同时获得水波纹效果和长按按下的细节信息。示例代码如下：

InkWell(
  onLongPressDown: (LongPressDownDetails details) {
    // 获取长按按下的全局/局部坐标等信息
    print("全局坐标：${details.globalPosition}");
    print("局部坐标：${details.localPosition}");
  },
  onLongPressUp: () {
    // 可选：处理长按抬起逻辑
  },
  child: Container(
    width: 200,
    height: 200,
    alignment: Alignment.center,
    child: const Text("长按测试"),
  ),
)

方案二：嵌套GestureDetector与InkWell #

如果你的场景需要同时使用GestureDetector的其他手势（比如双击、多手指滑动），可以将GestureDetector嵌套在InkWell内部，让InkWell负责生成水波纹，GestureDetector处理长按及其他手势逻辑：

InkWell(
  // InkWell保留水波纹效果
  child: GestureDetector(
    behavior: HitTestBehavior.opaque, // 确保手势能被正确识别
    onLongPressDown: (LongPressDownDetails details) {
      // 处理长按按下逻辑
      print("长按按下时间：${details.timeStamp}");
    },
    onDoubleTap: () {
      // 同时处理双击手势
      print("触发双击");
    },
    child: Container(
      width: 200,
      height: 200,
      alignment: Alignment.center,
      child: const Text("嵌套手势测试"),
    ),
  ),
)

注意：如果出现手势冲突，可通过调整HitTestBehavior属性来控制手势的优先级。

内容的提问来源于stack exchange，提问作者Ρπίηζε Κιηφφ