配置文本布局

此页面介绍如何使用 maxLines 和 overflow 等参数配置文本布局。

限制可见行数

要限制 Text 可组合项中可见的行数，请设置 maxLines 参数

@Composable
fun LongText() {
    Text("hello ".repeat(50), maxLines = 2)
}
TextSnippets.kt

A long text passage truncated after two lines

指示文本溢出

限制长文本时，您可能希望指示 TextOverflow，只有在显示文本被截断时才会显示。为此，请设置 textOverflow 参数

@Composable
fun OverflowedText() {
    Text("Hello Compose ".repeat(50), maxLines = 2, overflow = TextOverflow.Ellipsis)
}
TextSnippets.kt

A long passage of text truncated after three lines, with an ellipsis at the end