Flutter中GestureDetector结合Slider拦截滚动时onChangeStart失效如何解决

使用GestureDetector包裹Slider组件时，Slider的onChangeStart回调无法正常触发。
开发需求为在Flutter中通过GestureDetector配合Slider的onChange事件，操作滑块时拦截页面滚动等其他事件，问题代码如下：

GestureDetector(
  behavior: HitTestBehavior.translucent,
  child: Slider(
    value: value.validate().toInt().toDouble(),
    min: 1,
    max: 8,
    onChanged: (v){},
    onChangeStart: (v) {
      value = v.toInt();
    },
  ),
)

Flutter手势采用竞技场竞争机制，外层GestureDetector和Slider内部的手势识别器会共同竞争手势响应权。配置HitTestBehavior.translucent后，外层GestureDetector会优先抢占拖动类手势的响应资格，直接吞掉Slider需要的拖动起始事件，最终导致onChangeStart无法正常触发。

• 优先使用Slider自带回调实现滚动拦截：这是无手势冲突的最优方案，不需要额外套外层GestureDetector。直接在onChangeStart回调触发时标记页面禁止滚动，在onChanged中实时更新滑块值，在onChangeEnd回调触发时恢复页面滚动即可，参考代码：

// 状态类中定义的变量，控制滚动组件是否可滚动
bool canPageScroll = true;

// 组件构建部分
Slider(
  value: value.validate().toInt().toDouble(),
  min: 1,
  max: 8,
  onChangeStart: (v) {
    // 开始拖动时赋值+禁止页面滚动
    value = v.toInt();
    canPageScroll = false;
    setState(() {});
  },
  onChanged: (v) {
    // 拖动过程中实时更新值
    value = v.toInt();
    setState(() {});
  },
  onChangeEnd: (v) {
    // 拖动结束时恢复页面滚动
    canPageScroll = true;
    setState(() {});
  },
)

// 页面滚动组件（以ListView为例）配合控制滚动状态
ListView(
  physics: canPageScroll ? const AlwaysScrollableScrollPhysics() : const NeverScrollableScrollPhysics(),
  // 其余滚动组件配置
)

• 若必须保留外层GestureDetector：删除GestureDetector上和滑块拖动、按下逻辑冲突的回调配置，仅保留不冲突的事件监听，这种方式需要反复调试手势优先级，维护成本高，不推荐使用。

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