android - 如何在 Jetpack Compose Text 中居中（水平和垂直）文本

Question

我有一个大Text.

Text(
    text = "Select Bank account",
    color = Color.White,
    fontSize = 18.sp,
    textAlign = TextAlign.Center,
    modifier = Modifier
        .background(Color.Black)
        .fillMaxSize()
        .padding(16.dp)
        .align(Alignment.CenterHorizontally)
)

如何使文本垂直和水平居中？

在基于视图的系统中，我们可以使用Gravity.CENTER.
寻找类似的解决方案。

注意
在不使用其他组件包装文本的情况下寻找解决方案。( Box, Column, 等)。

我知道我的要求可以使用包装器组件来实现，如此处所示。

标签： androidandroid-jetpack-compose

Answer 1

将文本放在一个框中，并将contentAlignment该框设置为居中。

Box(modifier = Modifier.fillMaxSize(), contentAlignment = Alignment.Center){
    Text(
        text = "Select Bank account",
        color = Color.White,
        fontSize = 18.sp,
        textAlign = TextAlign.Center,
        modifier = Modifier
            .background(Color.Black)
            .padding(16.dp)
            .align(Alignment.Center)
    )
}