Compose Text文字垂直居中

作者: 辰渊 | 来源:发表于2023-01-10 12:01 被阅读0次

需求效果：文本的高度为50dp，并且文字垂直居中

根据需求写出如下代码：

Text(text = "你好，世界！", modifier = Modifier.height(50.dp), textAlign = TextAlign.Center)

运行后发现Text文字没有垂直居中，设置textAlign为Center后是无效。

解决办法是在Text外层加上Box后设置Box的属性来实现需求中的效果

Box(modifier = Modifier.height(50.dp), contentAlignment = Alignment.Center) { Text(text = "你好，世界！")}

Compose Text文字垂直居中
需求效果：文本的高度为50dp，并且文字垂直居中根据需求写出如下代码： Text(text = "你好，世界！"...
CSS 踩坑笔记
居中 1. 文字居中水平居中: text-align: center 垂直居中: vertical-align:...
一些常用样式
1.文字居中 p标签文字水平居中设置 text-align: centerp标签文字垂直居中设置line-heig...
11.文本相关属性
文字水平居中： text-align: center; 文字垂直居中： line-height: 50px; 首行...
【Android基本功】Pain.drawText 实现文字垂直
平时我们在自定义View经常会遇到text的绘制，经常会需要文字水平居中，垂直居中，水平居中比较简单，而垂直居中稍...
css居中方式总结（亲测有效）
水平居中（行内元素水平居中、块级元素水平居中）垂直居中水平垂直居中行内元素水平居中 text-align: ...
2017-7-29
收获小div在大div里面垂直居中的方法： text-transform 属性，设置文字的格式，text-tra...
css 常见的元素居中方式
元素居中分为水平居中和垂直居中两种。一、水平居中 text-align .container {text-ali...
vertical-align
垂直对齐让带有宽度的块级元素居中对齐，是margin: 0 auto; 让文字居中对齐，是 text-align...
CSS水平垂直居中总结
CSS水平居中、垂直居中、水平垂直居中方法总结文字的水平居中: 单行文字的垂直居中：让有宽度的div水平居中：...