Jetpack Compose如何同时实现点击与长按后拖拽手势检测

你不需要复刻detectDragGesturesAfterLongPress的底层逻辑，用官方公开API就能快速实现需求。

问题原因 #

直接在pointerInput块内顺序调用两个detect*手势检测函数无法生效，是因为这类检测函数都是持续运行的挂起函数，先调用的函数会持续占用指针事件流，后续的函数永远无法收到事件。

最简实现方式 #

pointerInput的代码块本身是协程作用域，你只需要把两个手势检测逻辑分别放到独立的子协程中并行启动，两个检测逻辑就可以同时监听指针事件，内部会自行根据手势特征（按下时长、位移阈值）判定是否响应，不会冲突。

实现代码如下：

Modifier.pointerInput(graphData) {
    // 启动独立协程处理点击
    launch {
        detectTapGestures(
            onTap = { offset ->
                // 写入点击业务逻辑
            }
        )
    }
    // 启动独立协程处理长按拖拽
    launch {
        detectDragGesturesAfterLongPress(
            onDragStart = { offset ->
                // 写入拖拽开始逻辑
            },
            onDrag = { change, dragAmount ->
                // 写入拖拽中逻辑
                change.consume()
            },
            onDragEnd = {
                // 写入拖拽结束逻辑
            }
        )
    }
}

注意事项 #

• 该写法完全基于Compose官方公开API，不需要修改手势检测的内部实现，无额外兼容成本
• 两个手势的判定逻辑互不干扰：短按快速抬起会正常触发点击，按下达到长按阈值后再移动会正常触发拖拽，不会出现误判
• 如果需要调整手势判定阈值（比如长按触发时长、点击允许的最大位移），直接在对应detect*函数的参数中配置即可，和单独使用单个手势的配置方式完全一致

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