Jetpack Compose: Find how many lines a text will take before composition

Question

I am trying to determine how many lines a certain text will occupy on the screen before composition. Is there a way to do this?

Answer 1

You can use onTextLayout on Text to get line count and some other features.

var lineCount = 1
Text(text= "", onTextLayout = {textLayoutResult: TextLayoutResult ->
    lineCount = textLayoutResult.lineCount
})

If you are using Jetpack Compose version 1.4.1 or above you can use TextMeasurer to measure text with any style you provide

    val textMeasurer = rememberTextMeasurer()

    val textToDraw = "Some text to measure\nSomething something"

    val style = TextStyle(
        fontSize = 150.sp,
        color = Color.Black,
        background = Color.Red.copy(alpha = 0.2f)
    )

    // You can get many information since it's TextLayoutResult as in callback
    val textLayoutResult = remember(textToDraw) {
        textMeasurer.measure(textToDraw, style)
    }