Android Jetpack Compose：滚动LazyColumn时固定第5个/X个元素至顶部

要实现LazyColumn滚动时固定指定位置的元素，核心是利用Compose的stickyHeader函数，把目标元素作为粘性头部，同时拆分列表为「目标元素之前的项」、「目标粘性项」、「目标元素之后的项」三部分加载。

关键实现步骤 #

假设你的列表数据是一个List<String>，指定要固定的位置为targetPosition（注意：列表索引从0开始，比如第5个元素对应索引4），具体代码如下：

@Composable
fun StickyItemLazyColumn() {
    val listData = List(20) { "Item $it" }
    val targetPosition = 4 // 对应第5个元素，可替换为任意指定位置

    LazyColumn {
        // 加载目标元素之前的所有项
        items(targetPosition) { index ->
            Text(
                text = listData[index],
                modifier = Modifier
                    .fillMaxWidth()
                    .padding(16.dp),
                fontSize = 18.sp
            )
        }

        // 目标元素作为粘性头部
        stickyHeader {
            Text(
                text = listData[targetPosition],
                modifier = Modifier
                    .fillMaxWidth()
                    .background(Color.LightGray)
                    .padding(16.dp),
                fontSize = 18.sp,
                fontWeight = FontWeight.Bold
            )
        }

        // 加载目标元素之后的所有项
        items(listData.size - targetPosition - 1) { index ->
            val actualIndex = targetPosition + 1 + index
            Text(
                text = listData[actualIndex],
                modifier = Modifier
                    .fillMaxWidth()
                    .padding(16.dp),
                fontSize = 18.sp
            )
        }
    }
}

代码解释 #

1. 拆分列表加载：通过items分别加载目标位置前后的元素，确保滚动逻辑正常。
2. 粘性头部设置：用stickyHeader包裹目标元素，Compose会自动处理滚动时的固定逻辑——当目标元素滚动到顶部后会保持固定，直到后续元素完全滚动过去。
3. 样式区分：给粘性元素添加背景色和加粗样式，方便区分固定项和普通项（可根据需求调整）。

注意事项 #

• 确保targetPosition在列表索引范围内（0 ≤ targetPosition < listData.size），避免数组越界。
• 如果你的列表项是自定义Composable，只需把Text替换为你的自定义组件即可。

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