fillMaxHeight中的分数在列内不起作用(android jetpack compose)

发布于02月20日

我有一个有两个按钮的栏目.首先，我对我的列使用了MaxSize，并将按钮的垂直排列设置为底部，如 this张照片. 但我想提高屏幕中心和底部之间的按钮(大约是屏幕尺寸的78%，从顶部see this pic开始)，这样它就可以在每个屏幕上响应. 这是我的做法:

 Column(
    modifier = Modifier
        .fillMaxWidth()
        .fillMaxHeight(0.78f),
    horizontalAlignment = Alignment.CenterHorizontally,
    verticalArrangement = Arrangement.Bottom

) {
    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
        )
    }
}

但问题是，它保持不变，按钮也在底部. 你有什么意见可以做我想要的东西吗？

推荐答案

对你观察到的行为的解释是:

如果使用Surface，则第一个子Composable的最小大小始终与Surface相同.这是Android开发团队做出的intentionally个决定:

表面并不是一个真正的布局.[.]因此，我们提出了ProportateMinConstraints=True的 idea ，现在Surface中的内容必须填充应用于Surface的最小大小.

有两种解决方案:

A)将Surface设置为您需要的精确大小，方法是go 掉Modifier.fillMaxSize()

B)引入中间可合成成分，例如，如下所示的Column:

Surface(
    modifier = Modifier.fillMaxSize()
) {

    Column(
        modifier = Modifier.fillMaxSize()
    ) {

        Column(
            modifier = Modifier
                .fillMaxWidth()
                .fillMaxHeight(0.78f),  // should work now
            horizontalAlignment = Alignment.CenterHorizontally,
            verticalArrangement = Arrangement.Bottom
        ) {
            // ...
        }
    }
}

另请参阅更深入的this stackoverflow question.