Jetpack Compose - 带有可滚动内容的框

Question

我的可组合看起来如下：

fun Screen() {
    Box(modifier = Modifier.fillMaxSize()) {
        Column(
            modifier = Modifier.align(Alignment.TopCenter)
        ) {
            // Content which is pretty large in height (Scrollable)
        }
        Column(
            modifier = Modifier.align(Alignment.BottomCenter)
        ) {
            // A button (CTA for next screen)
        }
    }
}

要求是让 CTA 贴在屏幕底部，实际内容可滚动。 但是，根据我的实现，如果实际内容的高度变大，它会将 CTA 推离屏幕。

如何让 CTA 贴在屏幕上？

Answer 1

您可以使用Column而不是Box将weight修饰符应用于第一个嵌套Column 。
就像是：

Column() {
    Column(
        modifier = Modifier
            .verticalScroll(rememberScrollState())
            .weight(1f)
    ) {
        // Content which is pretty large in height (Scrollable)
    }
    Column(
    ) {
        // A button (CTA for next screen)
    }
}