Compose-Text

常用属性

属性 属性说明
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
        )
    }
fontStyle

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

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
        )
    }
softWrap
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容