如何在 jetpack compose 中突出显示文本的特定单词？

Question

我想知道如何在 Jetpack Compose 中突出显示文本的特定部分。我试过 Html.fromHtml() 这样的

Text(text = Html.fromHtml(" <font color='red'> Hello </font> World").toString())

但是没有用。有什么办法可以在 compose 中做到这一点吗？

Answer 1

使用 1.0.x 可以使用 AnnotatedString 以多种样式显示文本。

类似于：

Text(buildAnnotatedString {
    withStyle(style = SpanStyle(color = Color.Red)) {
        append("Hello")
    }
    append(" World ")
})

How to highlight specific word of the text in jetpack compose?