固定高度LazyColumn无法滚动问题求助

问题根源 #

• 滚动逻辑重复冲突：LazyColumn本身自带垂直滚动能力，额外加verticalScroll(scrollState)属于重复设置，触发测量逻辑冲突。
• 高度约束不明确：heightIn(0.dp, 48.dp)只给了高度范围，但在Column布局里，子元素默认会拿到无限大的高度约束上限，导致LazyColumn无法正确计算滚动区域尺寸，弹出错误提示。
• 布局细节错误：底部Row内的Column里，Spacer用Modifier.width(16.dp)是错的，垂直方向的间距得用height。

修复后的代码 #

Box(
    contentAlignment = Alignment.Center,
    modifier = Modifier
        .background(Color.Black)
        .fillMaxSize()
        .padding(16.dp)
) {
    Column {
        // 去掉多余的verticalScroll，用固定高度替代heightIn
        LazyColumn(
            modifier = Modifier
                .background(Color.Gray)
                .height(48.dp)
        ) {
            items(passwords.size) { password ->
                Text(
                    modifier = Modifier.fillMaxWidth(),
                    text = passwords[password]
                )
                Divider(color = Color.Black, thickness = 2.dp)
            }
        }
        Spacer(Modifier.height(124.dp))
        Row {
            Column {
                Button({}) {
                    Text("Add")
                }
                // 修正垂直间距的Spacer修饰符
                Spacer(Modifier.height(16.dp))
                Input()
            }
            Spacer(Modifier.width(16.dp))
            Column {
                Button({}) {
                    Text("Remove")
                }
                // 修正垂直间距的Spacer修饰符
                Spacer(Modifier.height(16.dp))
                Input()
            }
        }
    }
}

核心修复说明 #

• 删掉verticalScroll：LazyColumn自带滚动，不需要额外加这个修饰符。
• 固定LazyColumn高度：用height(48.dp)替代heightIn，给组件明确的高度约束，解决无限高度的测量问题。
• 修正Spacer方向：垂直布局里的间距用height，水平布局用width，避免布局错乱。

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