Jetpack Compose中如何避免行内文本与图标间换行？

要解决前缀文本（比如数字）和内嵌图标不能被换行分割的问题，不需要嵌套Text组件，更优雅的方案是利用AnnotatedString结合不可断行的Span，同时自定义InlineTextContent来承载图标，让前缀和图标成为一个不可拆分的整体。

核心思路 #

把前缀文本和图标对应的InlineContent标记包裹在一个不可断行的Span中，让排版引擎将它们视为单一整体处理，避免中间换行。同时直接在InlineTextContent里组合文本和图标，彻底摒弃嵌套Text的写法。

实现代码 #

1. 自定义InlineTextContent，直接组合前缀与图标 #

用Row组件直接在Inline内容中布局前缀文本和图标，确保二者在同一行且绑定为整体：

// 定义承载前缀+图标的Inline内容
val prefixedIconContent = InlineTextContent(
    Placeholder(
        width = placeholderWidth, // 需提前计算前缀宽度+图标宽度的总和
        height = placeholderHeight,
        placeholderVerticalAlign = PlaceholderVerticalAlign.TextBottom
    )
) { data ->
    // 从appendInlineContent传入的参数中获取前缀文本
    val prefixText = data
    Row(
        verticalAlignment = Alignment.CenterVertically,
        modifier = Modifier.fillMaxSize()
    ) {
        Text(
            text = prefixText,
            style = LocalTextStyle.current
        )
        Spacer(modifier = Modifier.width(2.dp)) // 可选：前缀与图标间的间距
        Image(
            painter = painterResource(id = R.drawable.icon_foo),
            contentDescription = "icon",
            modifier = Modifier.size(iconSize)
        )
    }
}

2. 构建带不可断行Span的AnnotatedString #

通过PlatformSpan包裹Android原生的NoBreakSpan，强制前缀+图标区域不被拆分换行：

val annotatedString = buildAnnotatedString {
    // 普通文本内容
    append("这是一段包含")
    
    // 标记不可断行的区间起点
    val start = length
    // 传入前缀文本作为InlineContent的参数
    appendInlineContent("prefixedIcon", "3")
    // 标记不可断行的区间终点
    val end = length
    
    // 添加不可断行Span，确保这段内容不会被换行分割
    addStyle(
        style = SpanStyle(
            platformSpan = android.text.style.NoBreakSpan()
        ),
        start = start,
        end = end
    )
    
    // 继续添加后续普通文本
    append("的段落，图标和数字不会被换行拆分")
}

3. 最终渲染Text组件 #

Text(
    text = annotatedString,
    inlineContent = mapOf("prefixedIcon" to prefixedIconContent)
)

批量解析标记文本的适配 #

如果需要批量处理未知内容的标记文本（比如从文件读取），可以按以下逻辑实现：

• 定义标记规则：比如用[icon:前缀文本:图标名称]格式表示带前缀的图标
• 编写解析逻辑：遍历目标文本，识别标记片段，将每个标记替换为对应的appendInlineContent调用，并给这段内容包裹不可断行Span
• 维护图标映射表：提前建立图标名称与Painter资源的对应关系，解析时按需匹配

这种方式既保持了代码的简洁性，又能高效处理大量未知内容的场景。

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