Search code examples
androidandroid-jetpack-composeandroid-compose-textfield

How to set LineHeight using AnnotatedString in Jetpack Compose


I'm working right now with AnnotedStrings to create this Text with two different text styles: Image with alabel displaying 1.26 Kilowatts text

I'm setting up this label using a SpanStyle. How do I setup the line height this way? Because SpanStyle is missing this attribute.


Solution

  • You can use the ParagraphStyle to define the lineHeight and the lineHeightStyle.

    Something like:

    buildAnnotatedString {
        withStyle(style = ParagraphStyle(lineHeight = 60.sp)) {
            withStyle(style = SpanStyle(color = Color.Blue, fontSize= 60.sp)) {
                append("Hello")
            }
            append("Compose")
        }
    }
    

    enter image description here