Jetpack Compose中如何为ClickableText实现长按功能？

问题分析 #

你之前的方案失效是因为isHover的状态更新触发重组，打断了ClickableText的事件传递链，导致点击事件无法正常触发。而且用hover模拟长按本身就不准确，应该直接用Jetpack Compose的PointerInput API来处理长按和点击事件，同时保留ClickableText的部分文本点击能力。

解决方案 #

我们可以在父容器（比如Box）上通过Modifier.pointerInput监听长按和整体点击事件，同时让ClickableText负责处理部分文本的点击，这样两类事件互不干扰，也不会因为重组打断事件传递。

具体实现代码如下：

@Composable
fun ClickableTextWithLongPress() {
    val coroutineScope = rememberCoroutineScope()
    var isLongPressTriggered by remember { mutableStateOf(false) }

    Box(
        modifier = Modifier
            .pointerInput(Unit) {
                detectTapGestures(
                    onPress = {
                        coroutineScope.launch {
                            delay(1000)
                            if (awaitRelease()) {
                                isLongPressTriggered = true
                                // 调用你的长按函数
                                println("长按事件触发")
                            }
                        }
                    },
                    onTap = {
                        if (!isLongPressTriggered) {
                            // 调用你的正常点击函数
                            println("整体点击事件触发")
                        }
                        isLongPressTriggered = false
                    }
                )
            }
    ) {
        val annotatedText = buildAnnotatedString {
            append("这是普通文本，")
            pushStringAnnotation(tag = "clickable_part", annotation = "部分文本点击")
            withStyle(style = SpanStyle(color = Color.Blue)) {
                append("这是可点击的部分文本")
            }
            pop()
        }

        ClickableText(
            text = annotatedText,
            onClick = { offset ->
                annotatedText.getStringAnnotations(
                    tag = "clickable_part",
                    start = offset,
                    end = offset
                ).firstOrNull()?.let {
                    println("部分文本点击触发：${it.item}")
                }
            }
        )
    }
}

代码说明 #

• 父容器的PointerInput：通过detectTapGestures监听onPress（长按）和onTap（整体点击），用delay(1000)设置长按触发时长，awaitRelease()确保长按松开后触发（不需要的话可以直接去掉这个判断）。
• ClickableText的部分文本点击：提前构建带注解的AnnotatedString，给需要点击的文本打上标记，在onClick中通过点击偏移量匹配注解，触发对应逻辑。
• 状态区分：用isLongPressTriggered标记长按是否触发，避免长按结束后误触发正常点击事件。

额外注意点 #

• 长按触发时长可以通过修改delay的参数自由调整。
• 若有多处需要复用带注解的文本，可将buildAnnotatedString逻辑提取成单独函数，减少重复代码。
• 事件优先级上，detectTapGestures会优先响应长按，再处理点击，符合常规交互逻辑。

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