Android Jetpack Compose：多文本段落式换行显示实现问题

原来的ConstraintLayout方案无法实现段落式换行，因为两个独立的Text组件被约束为横向排列，主文本的宽度被限制在"Learn more"的左侧，无法利用垂直空间换行。要实现连贯的段落式效果，推荐使用**单个Text组件配合AnnotatedString**来实现，既保证文本自然排版，又能单独控制"Learn more"的样式。

修正后的代码 #

Text(
    text = buildAnnotatedString {
        // 添加主文本内容
        append("TestDataTestDataTestDataTestDataTestDataTestDataTestDataTestDataTestDataTestDataTestDataTestDataTestDataTestDataTestDataTestDataTestDataTestDataTestDataTestDataTestDataTestData ")
        // 为"Learn more"设置单独样式
        withStyle(
            style = SpanStyle(
                color = MaterialTheme.colorScheme.primary,
                textDecoration = TextDecoration.Underline
            )
        ) {
            append("Learn more")
        }
    },
    modifier = Modifier
        .fillMaxWidth()
        .background(Color.White)
)

效果说明 #

• 整个文本会像普通段落一样自动换行，"Learn more"会紧跟主文本末尾，无论是在同一行还是换行到下一行，都保持连贯的排版。
• 通过AnnotatedString可以精准控制部分文本的样式，无需额外布局组件，代码更简洁且符合Compose的排版逻辑。

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