Flutter中能否为CustomPainter路径设置多个DragTarget？

这个功能完全可行，核心是将CustomPainter绘制的路径区域与拖拽交互的命中检测逻辑绑定，以下是具体实现思路：

• 保存绘制路径并实现命中判断
  在自定义的State类中维护一个List<Path>，存储CustomPainter需要绘制的所有独立路径。利用Path.contains(Offset)方法，可判断触摸点是否落在指定路径范围内，这是实现拖拽目标命中的核心依据。

• 监听触摸/拖拽事件
  在CustomPaint组件外层包裹GestureDetector或Listener，捕获拖拽过程中的触摸坐标。当拖拽进入、停留、离开组件区域时，遍历保存的路径列表，通过坐标判断当前触摸点所属的路径，标记该路径为激活状态（比如用activePathIndex记录索引）。

• 复用DragTarget核心逻辑
  无需为每个路径单独创建DragTarget组件（路径并非Widget），而是将DragTarget的关键回调逻辑（如onWillAccept、onAccept、onLeave）与路径命中判断结合：

  • 拖拽进入时，通过当前坐标命中的路径，执行对应路径的“可接受”判断；
  • 拖拽释放时，确认当前命中的路径，执行数据接收逻辑；
  • 拖拽离开时，清除对应路径的激活标记。

• 同步视觉反馈
  在CustomPainter的paint方法中，根据当前激活的路径索引，为该路径绘制差异化样式（比如高亮边框、填充色），模拟DragTarget默认的视觉提示效果。

• 优化性能
  若路径数量较多，可提前缓存每个路径的边界矩形（Path.getBounds()）。判断命中时先检查触摸点是否在边界矩形内，再执行Path.contains精确判断，减少不必要的计算开销。

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