Android Compose Row 上下居中对齐 - 实现指南
在 Android Compose 中,要在 `Row` 中实现上下居中对齐,可以使用 `Modifier` 的 `align` 方法。\n\n下面是一个示例代码,演示了如何在 `Row` 中实现上下居中对齐:\n\nkotlin\nimport androidx.compose.foundation.layout.Box\nimport androidx.compose.foundation.layout.Row\nimport androidx.compose.foundation.layout.fillMaxSize\nimport androidx.compose.foundation.layout.padding\nimport androidx.compose.foundation.layout.wrapContentSize\nimport androidx.compose.material.Text\nimport androidx.compose.runtime.Composable\nimport androidx.compose.ui.Alignment\nimport androidx.compose.ui.Modifier\nimport androidx.compose.ui.unit.dp\n\n@Composable\nfun CenteredRow() {\n Row(\n modifier = Modifier.fillMaxSize(),\n verticalAlignment = Alignment.CenterVertically\n ) {\n Box(\n modifier = Modifier\n .weight(1f)\n .padding(16.dp)\n ) {\n Text(text = "Item 1")\n }\n Box(\n modifier = Modifier\n .weight(1f)\n .padding(16.dp)\n ) {\n Text(text = "Item 2")\n }\n }\n}\n\n\n在这个示例中,`Row` 的 `verticalAlignment` 属性设置为 `Alignment.CenterVertically`,这样 `Row` 中的内容将在垂直方向上居中对齐。\n\n`Row` 中的每个 `Box` 使用了 `Modifier.weight` 来平均分配宽度,并使用 `Modifier.padding` 添加了一些间距。\n\n这样,`Row` 中的内容将在水平方向上居中对齐,并在垂直方向上居中对齐。
原文地址: https://www.cveoy.top/t/topic/pyuZ 著作权归作者所有。请勿转载和采集!