Flutter中触摸ProgressBar滑块时如何实现ListView继续滚动？

要实现误触滑块时仍能流畅滚动列表的效果，核心是让垂直滚动事件透传给ListView，同时保留滑块的水平拖动交互。可以通过在ProgressBar外层包裹GestureDetector来处理手势优先级：

ListView.builder(
  itemCount: 20,
  itemBuilder: (BuildContext context, int index) {
    return GestureDetector(
      // 设置手势透传，允许底层ListView接收事件
      behavior: HitTestBehavior.translucent,
      // 捕获垂直拖动事件，直接传递给ListView的滚动控制器
      onVerticalDragUpdate: (DragUpdateDetails details) {
        PrimaryScrollController.of(context)?.position.dragUpdate(details);
      },
      child: ProgressBar(),
    );
  },
);

原理说明 #

默认情况下，ProgressBar的滑块会消费所有触摸区域内的拖动事件（包括垂直方向），导致ListView无法触发滚动。通过外层GestureDetector捕获垂直拖动动作，并将事件直接转发给ListView的滚动控制器，就能实现：

• 垂直滑动时：列表正常滚动，不受滑块干扰
• 水平滑动时：滑块仍能响应拖动调整操作

如果你的ProgressBar是自定义组件，也可以直接在组件内部修改手势识别逻辑——在滑块的手势检测器中判断拖动方向，当检测到垂直拖动时放弃事件拦截，让事件向上传递给ListView。

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