配置文本布局

本页介绍了如何使用 maxLinesoverflow 等参数配置文本布局。

限制可见行数

如需限制 Text 可组合项中的可见行数,请如如下方式设置 maxLines 参数:

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

一长段文字在显示两行后被截断

指示文字溢出

在限制长文字时,您可能需要指定 TextOverflow,这些内容只有在显示的文字被截断时才会显示。如需指定文字溢出,请按如下方式设置 textOverflow 参数:

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

一长段文字在显示三行后被截断,末尾带有省略号