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

您可以使用 aColumn而不是 aBox将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)
    }
}