Jetpack Compose中如何让ConstraintLayout元素垂直滚动？

你用scrollable modifier无效的核心原因是：这个修饰符仅负责处理滚动输入事件，不会自动调整布局以支持内容滚动。要实现垂直滚动，你需要用**verticalScroll**修饰符，它会直接创建可滚动的容器行为。

正确实现方式 #

把原来的scrollable替换成verticalScroll，同时确保ConstraintLayout的高度设置合理（让内容高度能超过父容器可用空间）：

ConstraintLayout(
    modifier = modifier
        .fillMaxWidth()
        .verticalScroll(rememberScrollState()) // 替换为verticalScroll
) {
    // 你的Text、OutlinedCard等组件
}

额外注意点 #

如果ConstraintLayout的父容器设置了fillMaxHeight，需要给ConstraintLayout加上wrapContentHeight()，避免内容被父容器裁剪：

Box(modifier = modifier.fillMaxSize()) {
    ConstraintLayout(
        modifier = modifier
            .fillMaxWidth()
            .wrapContentHeight()
            .verticalScroll(rememberScrollState())
    ) {
        // 组件内容
    }
}

verticalScroll会自动处理内容超出时的滚动逻辑，而scrollable更适合需要自定义滚动行为的场景，显然你的需求不需要用到它。

内容的提问来源于stack exchange，提问作者small_boy