android - Jetpack Compose Row 中的等宽元素

Question

使 Row 的所有子项的宽度相同的最简单方法是什么？在 Jetpack Compose 中？例如，如果有 4 个 Box Row 中的元素, 我要每个 Box具有整行宽度的 1/4(减去填充)。

Answer 1

您可以使用修饰符。包含最大宽度并为框添加权重的行，例如

Modifier.fillMaxWidth().weight(1f)

例如，

Row(
        modifier = Modifier.fillMaxWidth().padding(5.dp)
    ) {
        for (i in 0..3){
            Box(modifier = Modifier.fillMaxWidth().height(100.dp).weight(1f).padding(horizontal = 5.dp).background(Color.Blue))
        }
    }