为Row中的孩子填充高度
我试图实现这种布局，但真的不知道如何：
目前它看起来像这样：
使用此代码：
@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 但这并没有改变任何东西。我目前在 1.0.0-beta07 版中运行 Jetpack Compose
回答
你必须申请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)
){
//........
}
}
}