我在Kotlin中有这样的代码:
Column {
Row(
modifier = Modifier.fillMaxWidth(),
verticalAlignment = Alignment.CenterVertically,
horizontalArrangement = Arrangement.SpaceAround
) {
Text("String1")
Text("String2")
}
Row(
modifier = Modifier.fillMaxWidth(),
verticalAlignment = Alignment.CenterVertically,
horizontalArrangement = Arrangement.SpaceAround
) {
Text("String3")
Column {
OutlinedTextField(modifier = Modifier.height(30.dp), value = "", onValueChange = {})
OutlinedTextField(modifier = Modifier.height(30.dp), value = "", onValueChange = {})
}
}
}
它产生了这样的布局:
我希望“String3”与“String1”对齐,同时让两个OutlinedTextField
的大小是屏幕的一半。基本上,我需要屏幕精确地分为两半,并让每个子元素都遵守这一要求。有没有一种方法可以做到这一点,而不显式地指定子元素的宽度?
2条答案
按热度按时间bn31dyow1#
您必须在
Row
中的两个子节点上对Modifier
应用weight
你会看到这样
然后
Alignment
部分你必须在String3文本上应用textAlign = TextAlign.Center
。最后你会得到。
vybvopom2#
你可以尝试使用Modifier.weight(..)修饰符,试试看