如何在jetpack中添加ImageSpan撰写文本

Question

我们知道， JetpackCompose 中的AnnotatedString提供了Android 的 SpannedString的一些 API 。

但我没有找到任何方法/解决方法将ImageSpan内联到文本（使用 AndroidView 除外）

Answer 1

将图像放入文本中可以使用 Composable的参数AnnotatedString来完成。inlineContentText

• 在里面buildAnnotatedString { ... }我们需要使用以下命令为内联内容定义一些idappendInlineContent(id = ...)
• 然后在TextComposable in参数中，我们提供一个将此id与对象inlineContent匹配的映射。InlineTextContent()

基本上，您可以将任何内容放在那里，只要您可以在 中预先定义其大小即可Placeholder。

Image这是在文本中间 添加一个 put 的效果：

val annotatedString = buildAnnotatedString {
    append("This is text ")
    appendInlineContent(id = "imageId")
    append(" with a call icon")
}
val inlineContentMap = mapOf(
    "imageId" to InlineTextContent(
        Placeholder(20.sp, 20.sp, PlaceholderVerticalAlign.TextCenter)
    ) {
        Image(
            imageVector = Icons.Default.Call,
            modifier = Modifier.fillMaxSize(),
            contentDescription = ""
        )
    }
)

Text(annotatedString, inlineContent = inlineContentMap)