How to set LineHeight using AnnotatedString in Jetpack Compose

Question

I'm working right now with AnnotedStrings to create this Text with two different text styles:

I'm setup this text using a SpanStyle. How do I setup the line height this way? In the SpanStyle is missing this attribute.

Answer 1

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")
    }
}