Android Jetpack Compose中Column内fillMaxHeight比例设置不生效

你当前代码的问题在于，fillMaxHeight(0.78f)是让Column占据父布局高度的78%，再配合verticalArrangement = Arrangement.Bottom，按钮会停留在这个Column的底部。如果按钮仍在屏幕底部，要么是Column的父布局没设为全屏（缺少fillMaxSize()），要么是你想要的“距离顶部78%”和当前实现逻辑不符——当前逻辑是按钮底部在屏幕78%高度处，而你可能希望按钮组的顶部对齐到这个位置。

推荐两种响应式实现方案：

方案一：比例分配高度（最简洁） #

通过根Column+Spacer按比例分配屏幕高度，让按钮组自然定位到目标位置：

Column(
    modifier = Modifier.fillMaxSize(), // 根容器占满整个屏幕
    horizontalAlignment = Alignment.CenterHorizontally
) {
    // Spacer占据屏幕顶部78%的高度，把按钮组挤到下方
    Spacer(modifier = Modifier.weight(0.78f))
    
    Button(
        modifier = Modifier.fillMaxWidth(0.7f),
        onClick = {}
    ) {
        Text(text = "Sign Up")
    }

    Button(
        modifier = Modifier.fillMaxWidth(0.7f),
        colors = ButtonDefaults.buttonColors(containerColor = Color.White),
        onClick = {}
    ) {
        Text(
            text = "Sign In",
            color = Brown
        )
    }

    // 可选：如果需要按钮组底部留空白，加个Spacer占剩余22%高度
    Spacer(modifier = Modifier.weight(0.22f))
}

方案二：Box精准定位 #

如果需要更灵活的位置控制（比如让按钮组的底部对齐到屏幕78%高度处），可以用Box容器：

Box(
    modifier = Modifier.fillMaxSize(),
    contentAlignment = Alignment.TopCenter
) {
    Column(
        modifier = Modifier
            .padding(top = with(LocalDensity.current) {
                // 根据屏幕高度计算78%的偏移量
                LocalConfiguration.current.screenHeightDp.dp * 0.78f
            }),
        horizontalAlignment = Alignment.CenterHorizontally
    ) {
        Button(
            modifier = Modifier.fillMaxWidth(0.7f),
            onClick = {}
        ) {
            Text(text = "Sign Up")
        }

        Button(
            modifier = Modifier.fillMaxWidth(0.7f),
            colors = ButtonDefaults.buttonColors(containerColor = Color.White),
            onClick = {}
        ) {
            Text(
                text = "Sign In",
                color = Brown
            )
        }
    }
}

方案一的weight方式是Jetpack Compose中实现响应式比例布局的标准方案，能自动适配不同屏幕尺寸，优先推荐使用。

内容的提问来源于stack exchange，提问作者Mahdi