android - Jetpack Compose 列中的 fillViewPort 行为

Question

有没有类似 ScrollView 的东西fillViewPort在 Jetpack 中撰写 Column ?
看这个例子:

@Composable
fun FillViewPortIssue() {
    Column(
        Modifier
            .fillMaxSize()
            .padding(16.dp)
    ) {
        for (i in 0..5) {
            Box(
                modifier = Modifier
                    .padding(vertical = 8.dp)
                    .background(Color.Red)
                    .fillMaxWidth()
                    .height(72.dp)
            )
        }
        Spacer(modifier = Modifier.weight(1f))
        Button(
            modifier = Modifier.fillMaxWidth(),
            onClick = { /*TODO*/ }
        ) {
            Text("Ok")
        }
    }
}

这是结果:

当设备处于横向时，内容被裁剪，因为没有滚动。
如果我添加 verticalScroll修饰符做 Column ...

    ...
    Column(
        Modifier
            .verticalScroll(rememberScrollState()) // <<-- this
            .fillMaxSize()
            .padding(16.dp)
    ) {
    ...

...滚动问题已解决，但按钮向上，就像这样。

在传统的工具包中，我们可以使用 ScrollView 来解决这个问题。 + fillViewPort属性(property)。有没有相当于 Compose 的东西？

Answer 1

只需更改起作用的修饰符的顺序...
感谢 Abhishek Dewan(来自 Kotlin Slack channel )!

Column(
    Modifier
        .fillMaxSize() // first, set the max size
        .verticalScroll(rememberScrollState()) // then set the scroll
) {