android - 行中子项的填充高度

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 但这并没有改变任何东西。我目前正在运行 Jetpack Compose 版本 1.0.0-beta07

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)
            ){
            //........
        }
    }
}