如何在Android Jetpack Compose中让字符串内单个单词可点击？

你可以通过AnnotatedString配合ClickableText实现仅单个单词可点击的需求，核心是给目标单词添加专属的点击注解，而非让整段文本绑定同一点击事件。具体实现如下：

1. 构建带注解的文本 #

先创建AnnotatedString，给需要点击的单词（比如示例中的"here"）添加点击标记和自定义样式，其余文本保持默认样式：

val annotatedText = buildAnnotatedString {
    append("Click ")
    // 给"here"绑定点击注解和样式
    pushStringAnnotation(
        tag = "target_word",
        annotation = "second_screen" // 可传入跳转目标的标识
    )
    withStyle(style = SpanStyle(
        color = Color.Blue,
        textDecoration = TextDecoration.Underline
    )) {
        append("here")
    }
    pop()
    append(" to go to the second screen")
}

2. 用ClickableText处理点击逻辑 #

在ClickableText的onClick回调中，通过点击位置匹配对应的注解，仅当点击到目标单词时执行跳转：

// 假设已通过NavHostController管理页面导航
ClickableText(
    text = annotatedText,
    style = TextStyle(fontSize = 16.sp)
) { offset ->
    annotatedText.getStringAnnotations(
        tag = "target_word",
        start = offset,
        end = offset
    ).firstOrNull()?.let {
        // 执行跳转逻辑，比如跳转到第二个页面
        navController.navigate(it.annotation)
    }
}

核心说明 #

• pushStringAnnotation用于给指定文本段绑定标记和自定义数据，后续点击时可通过标记识别目标单词。
• onClick回调的offset是点击的字符位置，getStringAnnotations会判断该位置是否落在带注解的文本范围内，只有匹配成功才会触发跳转。
• 非目标文本区域点击不会触发任何逻辑，完全符合你仅单个单词可点击的需求。

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