常用属性
属性 | 属性说明 |
---|---|
text | 文字内容 |
color | 文字颜色 |
fontSize | 文字尺寸 |
fontStyle | 文字是斜体(Italic)还是正常(Normal) |
fontWeight | 字体权重 |
textAlign | 文字对齐方式 |
softWrap | 文字是否自动换行 |
overflow | 文字溢出时的处理方式 |
maxLines | 最大行数 |
字体fontStyle
Column(
modifier = Modifier
.wrapContentSize()
.width(200.dp)
.background(color = Color.White),
) {
Text(
text = "fontStyle正常",
fontStyle = FontStyle.Normal
)
Divider()
Text(
text = "fontStyle斜体",
fontStyle = FontStyle.Italic
)
}
textAlign
值 | 说明 |
---|---|
TextAlign.Start | 头部对齐 |
TextAlign.End | 尾部对齐 |
TextAlign.Center | 居中对齐 |
Column(
modifier = Modifier
.wrapContentSize()
.width(200.dp)
.background(color = Color.White),
) {
Text(
text="JetpackCompose",
modifier = Modifier.fillMaxWidth(),
textAlign = TextAlign.End
)
Divider()
Text(
text="JetpackCompose",
modifier = Modifier.fillMaxWidth(),
textAlign = TextAlign.Start
)
Divider()
Text(
text="JetpackCompose",
modifier = Modifier.fillMaxWidth(),
textAlign = TextAlign.Center
)
}
softWrap
是否自动换行,相当于设置是否是单行,设置为false时相当于maxLines=1
Column(
modifier = Modifier
.wrapContentSize()
.width(200.dp)
.background(color = Color.White),
) {
Text(
text = "JetpackCompose-JetpackCompose",
modifier = Modifier.fillMaxWidth(),
softWrap = true
)
Divider()
Text(
text = "JetpackCompose-JetpackCompose",
modifier = Modifier.fillMaxWidth(),
softWrap = false
)
}