LazyColumn中StickyHeader滚动不同步问题求助

你当前使用的stickyHeader组件本身就是为粘性效果设计的——它会固定在屏幕顶部，直到下一个粘性Header出现，这是它的默认行为。如果想要让Header和列表项同步滚动，不再保持粘性，只需要把stickyHeader替换成普通的item即可。

修改后的代码 #

Column(modifier
    .padding(horizontal = 36.dp)) {
    LazyColumn(modifier
        .padding(top = 36.dp)) {
        list.forEach { category ->
            // 替换stickyHeader为普通item，取消粘性效果
            item {
                CategoryHeader(title = category.type)
            }
            items(category.transactions) { transaction ->
                ItemRow(navController, transaction)
            }
        }
    }
}

额外注意 #

你原代码里存在语法错误：category -和transaction -应该修正为category ->和transaction ->，否则代码无法正常编译。

如果你的实际需求是想要滚动过渡式的粘性效果（比如当前Header随列表滚动逐渐滑出，下一个Header逐步显示），默认的stickyHeader无法直接实现，需要自定义逻辑：

• 通过LazyListState监听滚动偏移量
• 结合offset modifier动态调整Header的位置
• 或者使用第三方Compose库实现复杂粘性效果

但从你的描述来看，核心需求是让Header随列表同步滚动，替换成item是最直接高效的解决方案。

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