How to set line-space with Android Jetpack Compose Text()?

user_1835650 0
Viewed 9526

I want to give more space dp between lines in the Text() content. The only property I find is the letterSpacing of TextStyle, however, it doesn't seem as I want, can we set it with composing somehow?

android-jetpack-compose-text android-jetpack-compose android
3 Answers

You can use the lineHeight property:

Text(text = "Hello Compose".repeat(50),
    modifier = Modifier.padding(10.dp).width(200.dp),
    maxLines = 5,
    lineHeight = 50.sp
)

With 20.sp and 50.sp

enter image description here enter image description here

or you can use the TextStyle:

Text(text = "Hello Compose".repeat(50),
    modifier = Modifier.padding(10.dp).width(200.dp),
    maxLines = 5,
    style = LocalTextStyle.current.copy(lineHeight = 50.sp)
)
user_20165620

I did it like this.

 Text(text = "Hello",
        style = MaterialTheme.typography.h5.copy(
            lineHeight = 35.sp,  // Here line height 
        ),
  )

Or simply you can use lineHeight

   Text(text = "Hello",
            lineHeight = 35.sp
      )

Caution: sp is case sensitive

user_93652120

Hi try to change style property of TextView - TextStyle.lineHeight

user_17917710
Related