PhotoView组件在Stack重叠区域缩放滚动功能失效问题求助

问题出在Stack中后渲染的CustomPaint默认会拦截所有手势事件，哪怕它只是静态绘制的图形，也会挡住下方PhotoView的缩放、滚动操作。

下面是两种简单有效的解决方法：

方法1：给CustomPaint添加ignorePointer: true #

直接在CustomPaint组件里设置该参数，让它不处理任何手势，手势会自动穿透到下层的PhotoView：

Visibility(
  visible: showCaliper,
  child: CustomPaint(
    ignorePointer: true, // 关键：不拦截手势
    size: Size(300, 300),
    painter: MyPainter(),
  ),
),

方法2：用IgnorePointer包裹CustomPaint #

如果你的Flutter版本较旧，CustomPaint的ignorePointer参数不生效，可以用IgnorePointer组件包裹，效果完全一样：

Visibility(
  visible: showCaliper,
  child: IgnorePointer(
    ignoring: true,
    child: CustomPaint(
      size: Size(300, 300),
      painter: MyPainter(),
    ),
  ),
),

补充说明 #

如果后续你的CustomPaint需要支持交互（比如点击绘制的线条触发事件），那上面的方法就不适用了。这种情况下可以：

• 用GestureDetector包裹CustomPaint，只处理你需要的手势（比如点击），其他手势通过behavior: HitTestBehavior.deferToChild传递给下层；
• 或者将CustomPainter集成到PhotoView的自定义图层中，但这种方式复杂度较高，当前场景下优先用上面的简单方案。

修改后，PhotoView在所有区域都能正常响应缩放和滚动操作，同时CustomPaint的绘制效果不受影响。

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