Flutter：如何保留Listener并让InteractiveViewer正常响应交互事件？

要在保留Listener监听所有指针事件的同时，让InteractiveViewer的onInteractionUpdate正常触发，你可以通过调整组件层级来实现，具体如下：

核心思路 #

将Listener与InteractiveViewer放入Stack组件中，让Listener处于顶层但不拦截事件传递，这样既能监听所有指针事件，又不会阻碍InteractiveViewer的手势交互逻辑。

修正后的代码 #

Stack(
  children: [
    InteractiveViewer(
      onInteractionUpdate: (details) => print("终于被调用了 :)"),
      child: // 你的子组件内容
    ),
    Listener(
      behavior: HitTestBehavior.translucent,
      onPointerDown: (event) => callBack_1(),
      onPointerCancel: (event) => callBack_2(),
      onPointerUp: (event) => callBack_2(),
    ),
  ],
)

原代码失效原因 #

你原来的嵌套结构中，Listener作为父组件，即便behavior设为translucent，InteractiveViewer内部的手势识别器在处理连续指针事件序列时，会因事件传递优先级问题无法正常触发回调。而通过Stack将Listener置于顶层并保持translucent行为，既能让Listener接收所有指针事件，又能让事件继续传递给下层的InteractiveViewer，确保两者逻辑都能正常执行。

额外注意事项 #

• 确保InteractiveViewer的交互开关（如panEnabled、scaleEnabled）处于开启状态（默认均为true）。
• 不要在Listener的回调中设置event.handled = true，这会标记事件已处理，阻止后续传递。

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