为 Row 中的孩子填充高度

Question

我试图实现这种布局，但真的不知道如何：

目前它看起来像这样：

使用此代码：

@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

Answer 1

你必须申请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)
            ){
            //........
        }
    }
}