在 Android Compose 中,要在 Row 中实现上下居中对齐,可以使用 Modifieralign 方法。

下面是一个示例代码,演示了如何在 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")
        }
    }
}

在这个示例中,RowverticalAlignment 属性设置为 Alignment.CenterVertically,这样 Row 中的内容将在垂直方向上居中对齐。

Row 中的每个 Box 使用了 Modifier.weight 来平均分配宽度,并使用 Modifier.padding 添加了一些间距。

这样,Row 中的内容将在水平方向上居中对齐,并在垂直方向上居中对齐

Android compose Row 上下居中对齐

原文地址: https://www.cveoy.top/t/topic/hPnr 著作权归作者所有。请勿转载和采集!

免费AI点我,无需注册和登录