如何使用 Android Jetpack Compose Text() 设置行距？

Question

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?

Answer 1

With 1.0.0 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

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

Answer 2

嗨，尝试更改 TextView 的样式属性 - TextStyle.lineHeight

Answer 3

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