jetpack compose 子控件垂直居中Row
时间: 2024-09-15 19:09:48 浏览: 55
Jetpack Compose入门到精通
Jetpack Compose中的`Row`是一个用于水平布局的组件,如果想要让其内的子控件垂直居中,可以使用`Modifier.align`或者`Modifier.fillMaxHeight`配合`Alignment.CenterVertically`来实现。这里有一个简单的例子:
```kotlin
@Composable
fun VerticalCenteredRow(content: @Composable () -> Unit) {
Row(
verticalArrangement = Arrangement.Center,
modifier = Modifier.fillMaxWidth()
) {
Column(
modifier = Modifier.fillMaxHeight().align(Alignment.CenterVertically)
) {
content()
}
}
}
```
在这个例子中,`verticalArrangement = Arrangement.Center`使得Row内部的内容水平居中,而外部的`Column`则设置了`fillMaxHeight()`来占据整个可用高度,并使用`align(Alignment.CenterVertically)`使其内容垂直居中。
阅读全文