Incorrect rendering of text due to letterSpacing in Compose

Viewed 49

I have a problem with letterSpacing in Compose. When I set TextAlign.End, TextOverflow.Ellipsis and style with letterSpacing text gets cut off. How can I fix this?

code:

val textStyleWithoutLetterSpacing = TextStyle()
val textStyleWithLetterSpacing = TextStyle(letterSpacing = 1.sp)

@Composable
fun Sample() {
    Column {
        Text(
            text = "1234567890 1234567890 1234567890",
            textAlign = TextAlign.End,
            overflow = TextOverflow.Ellipsis,
            maxLines = 1,
            style = textStyleWithoutLetterSpacing
        )
        Text(
            text = "1234567890 1234567890 1234567890",
            textAlign = TextAlign.End,
            overflow = TextOverflow.Ellipsis,
            maxLines = 1,
            style = textStyleWithLetterSpacing
        )
    }
}

result: 1

0 Answers
Related