Android Compose中如何结合Annotation与Style实现可点击富文本？

针对你遇到的两个问题，这里给出两种更优的实现方案：

核心问题说明 #

首先明确：buildAnnotatedString 不是 @Composable 函数，因此其内部无法直接调用 stringResource 这类Composable API。解决这个问题的关键是提前在Composable上下文内获取所有需要的字符串资源，再传入构建逻辑。

方案一：封装扩展函数抽离重复逻辑 #

通过封装扩展函数，把添加带点击注解和样式的文本逻辑抽离，避免重复嵌套代码，让整体结构更清晰：

// 在你的Composable函数内，先获取所有字符串资源（这里可以直接用stringResource）
val pleaseClickText = stringResource(R.string.pleaseClick)
val hereText = stringResource(R.string.here)
val redirectHintText = stringResource(R.string.ifYouAreNotRedirectedWithin)

// 构建带注解的字符串
val annotatedContent = buildAnnotatedString {
    append(pleaseClickText)
    // 调用封装的扩展函数添加可点击文本
    addClickableStyledSpan(
        text = hereText,
        annotationTag = "Here",
        annotationValue = "Here",
        style = SpanStyle(color = lightRed)
    )
    append(redirectHintText)
}

// 封装的扩展函数，可复用在任何AnnotatedString构建场景
fun AnnotatedString.Builder.addClickableStyledSpan(
    text: String,
    annotationTag: String,
    annotationValue: String,
    style: SpanStyle
) {
    withAnnotation(annotationTag, annotationValue) {
        withStyle(style) {
            append(text)
        }
    }
}

方案二：链式调用优化代码连贯性 #

如果喜欢更紧凑的链式写法，可以扩展 AnnotatedString.Builder 支持链式调用，让代码逻辑更连贯：

// 同样先在Composable内获取字符串资源
val annotatedContent = buildAnnotatedString {
    append(stringResource(R.string.pleaseClick))
        .thenClickableSpan(
            text = stringResource(R.string.here),
            tag = "Here",
            value = "Here",
            style = SpanStyle(color = lightRed)
        )
        .append(stringResource(R.string.ifYouAreNotRedirectedWithin))
}

// 链式扩展函数
fun AnnotatedString.Builder.thenClickableSpan(
    text: String,
    tag: String,
    value: String,
    style: SpanStyle
): AnnotatedString.Builder {
    withAnnotation(tag, value) {
        withStyle(style) {
            append(text)
        }
    }
    return this
}

点击事件处理 #

最后配合 ClickableText 组件处理点击逻辑：

ClickableText(
    text = annotatedContent,
    onClick = { offset ->
        annotatedContent.getStringAnnotations("Here", offset, offset)
            .firstOrNull()?.let {
                // 这里处理"here"文本的点击逻辑
            }
    }
)

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