android - 如何在 Android Jetpack Compose 的文本行末尾显示省略号(三个点)？

Question

我是否使用 androidx.compose.foundation.text.BasicText或 androidx.compose.material.Text ，如果没有足够的空间放置文本，它将换行到下一行，例如:

@Composable
fun EllipsisExample() {
    Box(modifier = Modifier.width(160.dp)) {
        Text("Lorem ipsum dolor sit amet.")
    }
}

呈现:

我怎么能强制它成为一条线并在它的末尾画省略号？在这种情况下我想要的结果是这样的:

Lorem ipsum dolor s…

Answer 1

两个BasicText和 Text有overflow和 maxLines可以帮助你的论点。

Text(myText, maxLines = 1, overflow = TextOverflow.Ellipsis)

这是一个完整的单行示例:

import androidx.compose.material.Text
import androidx.compose.ui.text.style.TextOverflow

@Composable
fun EllipsisExample() {
    Box(modifier = Modifier.width(160.dp)) {
        Text(
            text = "Lorem ipsum dolor sit amet.",
            maxLines = 1,
            overflow = TextOverflow.Ellipsis
        )
    }
}

当然可以调 maxLines以满足您的需求:

Text(
    text = "Lorem ipsum dolor sit amet, consectetur adipiscing elit.",
    maxLines = 2,
    overflow = TextOverflow.Ellipsis
)