我尝试实现这种布局,但并不真正知道如何:
目前它看起来像这样:
使用此代码:
@Preview(widthDp = 150)
@Composable
fun Item() {
Card(shape = RoundedCornerShape(8.dp)) {
Row {
Box(Modifier.background(Color.Yellow).weight(1f)) {
SomeMoreContentWithUnknownHeight()
}
Box(Modifier.width(20.dp).height(IntrinsicSize.Max).background(Color.Green))
}
}
}
我试图将第二个 Box 的高度设置为 IntrinsicSize.Max 但这并没有改变任何东西。我目前正在运行 Jetpack Compose 版本 1.0.0-beta07
最佳答案
您必须申请 Modifier.height(IntrinsicSize.Min)
给您的Row
和 .fillMaxHeight()
到第二Box
.
就像是:
Card(shape = RoundedCornerShape(8.dp)) {
Row(Modifier.height(IntrinsicSize.Min)) {
Box(Modifier
.background(Color.Yellow)
.weight(1f)
) {
//Box(Modifier.height(50.dp))
}
Box(Modifier.width(20.dp)
.fillMaxHeight()
.background(Color.Green)
){
//........
}
}
}
关于android - 行中子项的填充高度,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/67677125/