CODEWITHSUNDEEP
androidandroid-jetpack-composeandroid-jetpack-compose-text
TeeTracker
TeeTracker

Reputation: 7350

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

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?

Upvotes: 26

Views: 34214

Answers (3)

Gabriele Mariotti
Gabriele Mariotti

Reputation: 363507

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

Upvotes: 49

AgentP
AgentP

Reputation: 7220

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

Upvotes: 6

Rustam Samandarov
Rustam Samandarov

Reputation: 882

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

Upvotes: 2

Related Questions