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 = "你好,世界!")
}

热门相关:骑士归来