Jetpack Compose：按钮基于父容器均匀调整尺寸的实现方法

要实现按钮在容器内均匀分配空间，核心是利用**布局容器（Row/Column）**配合特定的Modifier，下面是具体方案：

核心Modifier说明 #

• weight(floatValue)：实现均匀分配的关键，让组件占据容器剩余空间的指定比例。当多个组件设置相同weight值（如1f）时，它们会平分剩余空间。
• fillMaxWidth() / fillMaxHeight()：让按钮自身填充分配到的全部宽度/高度，确保按钮完全占满分到的空间，避免内容只占局部的情况。
• padding()：可选，给按钮添加内边距，避免边缘紧贴容器或互相挤压，优化视觉体验。

代码示例（横向容器Row） #

以你提供的示例图（三个按钮横向均匀分布）为例：

Row(
    modifier = Modifier.fillMaxWidth(),
    horizontalArrangement = Arrangement.spacedBy(8.dp) // 可选，按钮间添加间距
) {
    Button(
        onClick = {},
        modifier = Modifier
            .weight(1f)
            .fillMaxWidth()
    ) {
        Text("按钮1")
    }

    Button(
        onClick = {},
        modifier = Modifier
            .weight(1f)
            .fillMaxWidth()
    ) {
        Text("按钮2")
    }

    Button(
        onClick = {},
        modifier = Modifier
            .weight(1f)
            .fillMaxWidth()
    ) {
        Text("按钮3")
    }
}

纵向容器（Column）的情况 #

如果要在纵向容器中让按钮均匀分配高度，逻辑类似，只需替换对应Modifier和容器：

Column(
    modifier = Modifier.fillMaxHeight(),
    verticalArrangement = Arrangement.spacedBy(8.dp)
) {
    Button(
        onClick = {},
        modifier = Modifier
            .weight(1f)
            .fillMaxHeight()
    ) {
        Text("按钮A")
    }

    Button(
        onClick = {},
        modifier = Modifier
            .weight(1f)
            .fillMaxHeight()
    ) {
        Text("按钮B")
    }
}

效果示例 #

内容的提问来源于stack exchange，提问作者Regress.arg