在 Jetpack Compose 的较小屏幕中将项目粘贴在屏幕底部

Question

我想将项目粘贴在屏幕底部。在stack overflow 的帮助下，我在大屏幕上做到了这一点，没有任何问题。现在我想将项目粘贴在较小的屏幕上，但上面的堆栈溢出答案在较小的屏幕上不起作用。

@Preview(showBackground = true, widthDp = 240, heightDp = 432)
@Composable
fun PreviewCompose() {
    Theme {
        Column(
            Modifier
                .fillMaxSize()
                .verticalScroll(rememberScrollState()),
            verticalArrangement = Arrangement.SpaceBetween

        ) {
            Text(
                "Parent 1",
                modifier = Modifier
                    .background(Color(0xffF44336)),
                color = Color.White,
                fontSize = 75.sp
            )
            Text(
                "Parent 2",
                modifier = Modifier
                    .background(Color(0xffF44336)),
                color = Color.White,
                fontSize = 75.sp
            )
            Text(
                "Parent 3",
                modifier = Modifier
                    .background(Color(0xffF44336)),
                color = Color.White,
                fontSize = 75.sp
            )
            Spacer(modifier = Modifier.weight(1f))
            Column() {
                Text(
                    "Child 1",
                    modifier = Modifier
                        .background(Color(0xffF44336)),
                    color = Color.White
                )
                Text(
                    "Child 2",
                    modifier = Modifier
                        .background(Color(0xffF44336)),
                    color = Color.White
                )
            }
        }
    }
}

实际产量

我正在添加我的 youtube link 以了解。

预期产出

Answer 1

你可以使用类似的东西：

Column(
    verticalArrangement = Arrangement.SpaceBetween
){
        Column(
            Modifier
                .verticalScroll(rememberScrollState())
                .weight(1f),
            verticalArrangement = Arrangement.SpaceBetween

        ) {
           //Parent1/2/3
        }

        Column() {
            //Child 1/2
        }

}