Jetpack Compose中如何让子布局自动填充Column剩余空间？

在Jetpack Compose中，要让第二个子Column自动填充主Column的剩余高度，核心是使用**weight(1f)**修饰符，无需手动计算剩余高度。具体实现如下：

核心代码示例 #

Column(
    modifier = Modifier.fillMaxSize() // 主Column必须填充父布局，才能提供剩余空间
) {
    // 第一个固定高度的子Column
    Column(
        modifier = Modifier
            .fillMaxWidth()
            .height(400.dp)
            .background(Color.LightGray) // 仅用于可视化区分，可按需移除
    ) {
        // 此处添加第一个子Column的内容
    }

    // 第二个自动填充剩余空间的子Column
    Column(
        modifier = Modifier
            .fillMaxWidth()
            .weight(1f) // 关键：分配主Column的剩余空间
            .background(Color.DarkGray) // 仅用于可视化区分，可按需移除
    ) {
        // 此处添加第二个子Column的内容
    }
}

关键说明 #

• 主Column必须设置fillMaxSize()：只有让主Column占据父布局的全部空间，才能为子布局提供可分配的剩余空间，否则weight修饰符无法生效。
• weight(1f)的作用：该修饰符会让当前子布局占据主Column中，除了其他固定尺寸子布局（比如第一个400dp的Column）之外的所有剩余高度。如果有多个需要分配剩余空间的子布局，可以通过调整weight的数值比例来分配空间（例如两个子布局都设为weight(1f)，则各占剩余空间的一半）。

内容的提问来源于stack exchange，提问作者HariKrishnan V K