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