Compose Text文字垂直居中

需求效果：文本的高度为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文字垂直居中相关推荐

text文字垂直居中_CSS垂直居中，你会多少种写法？
来源 | https://wintc.top/article/4 CSS控制居中是前端开发中非常常用的布局技能,本文列出几种CSS控制元素居中的几种方法.谈及HTML元素居中展示,涉及到水平居中和垂直 ...
HTML 标签包含规范，规避脱标流，图片和文字垂直居中对齐，
1 标签包含规范 ◆div可以包含所有的标签. ◆p标签不能包含div h1等标签. ◆h1可以包含p,div等标签. ◆行内元素尽量包含行内元素,行内元素不要包含块元素. 2 规避脱标流 ◆尽量使用 ...
文字垂直居中，水平居中 a标签水平居中只要给他的父级设置text-align=center
在说到这个问题的时候,也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗?即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊!所以在这里我还要啰嗦两句,CSS中 ...
【CSS】单行图片与文字垂直居中
单行图片与文字垂直居中核心关键,是在img标签中的style属性加入vertical-align:middle;样式如果不设置的话,单行图片与文字并排的话,文字默认是底部居中的. 注意如下的代码的i ...
div文字垂直居中的方法有哪些？
首先我们应该知道文字的水平居中比较简单,行级元素设置其父元素的text-aligncenter,块级元素设置其本身的left和rightmargins为auto即可.但是div文字的垂直居中就不是那么 ...
图片和文字垂直居中-flex布局
因为float和position用的比较熟,所以flex只是了解了一下,基本不用.但是今天发现了flex在处理图片和文字对齐方便真是超爽der~ 1.需求就是一个盒子里面,图片和文字垂直居中 2.惯 ...
通过css控制HTML文本框中的文字垂直居中
当定义了 Text 的 height 属性时,在 Text 中输入的文字都不是垂直居中的,不过你可以添加CSS来控制它,让输入的文字垂直居中,使网页更完美. 复制代码代码如下: <html&g ...
div view 中文字垂直居中
1.关于div view中的文字垂直居中,一般通过设置 line-height等于 div的高度来实现,那如果div有边框,那line-height的值为 div的高度 ,要减去边框的宽度*2 2. ...
Compose的文字(十)
文章目录 Compose 中的文字显示文字显示资源中的文字设置文字样式更改文字颜色更改字号将文字设为斜体将文字设为粗体文字对齐处理字体文字中包含多种样式行数上限文字溢出主题 ...

Compose Text文字垂直居中

Compose Text文字垂直居中相关推荐

最新文章

热门文章