如何在jetpack compose android中水平对齐TextView中心

Question

这是代码

Text(
                        text = "Title of ModalBottomSheet",
                        style = MaterialTheme.typography.headlineSmall,
                        modifier = Modifier
                            .padding(bottom = 8.dp)
                            
                    )

Answer 1

首先，您需要选择一个标准布局组件（

Row

、

Column

、

Box

、

BoxWithConstraints

）并用它包装您的

Text

可组合项。

使用

Row

您可以将

Text

水平居中，如下所示：

Row(
    modifier = Modifier.fillMaxWidth(),
    horizontalArrangement = Arrangement.Center
) {
    Text(
        text = "Title of ModalBottomSheet",
        style = MaterialTheme.typography.h5,
        modifier = Modifier.padding(bottom = 8.dp)
    )
}

使用

Column

：

Column(
    modifier = Modifier.fillMaxWidth(),
    horizontalAlignment = Alignment.CenterHorizontally
) {
    ....
{