android - 将子元素的高度设置为等于 Row 包含的最高其他元素

Question

当 child 的高度不固定时，是否可以强制 Row 重绘其 child 以拥有最大 child 的高度？

Row {
    Box {

    }

    Box {
        // second child has larger height, recompose first child to match height of the second child? 
    }
}

我最终得到的是:

我认为这是因为 Row 单独测量每个 child ，但我希望将第一个 child 重新组合以匹配第二个 child 的高度，一旦将第二个 child 添加到 Row 中。这可能吗？

Answer 1

您可以向所有 subview 添加 Modifier.fillMaxHeight 并通过向父 View 添加 Modifier.height(IntrinsicSize.Max) 将它们的高度限制为最大的:

Row(
    Modifier
        .padding(10.dp)
        .height(IntrinsicSize.Max)
) {
    Text(
        "First",
        fontSize = 20.sp,
        modifier = Modifier
            .fillMaxHeight()
            .background(Color.Gray)
    )
    Text(
        "Second",
        fontSize = 30.sp,
        modifier = Modifier
            .fillMaxHeight()
            .background(Color.LightGray)
    )
}

结果: