如何在 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， ETC）。

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

Answer 1

您也可以通过在 compose 中添加类似的 xml 属性（例如“wrap_content”）作为高度来实现此目的。

将“wrapContentHeight()”添加到修饰符中，您将使其与页面中心对齐。

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