如何在LazyColumn中设置可随列表项滚动的顶部图标？

这个需求完全可以实现，不需要依赖特殊组件——直接把图标作为LazyColumn的第一个列表项即可，它会和其他条目一起随列表滚动，完全符合你的要求。

代码示例 #

import androidx.compose.foundation.layout.*
import androidx.compose.foundation.lazy.LazyColumn
import androidx.compose.foundation.lazy.items
import androidx.compose.material.icons.Icons
import androidx.compose.material.icons.filled.Star
import androidx.compose.material3.Icon
import androidx.compose.material3.ListItem
import androidx.compose.material3.Text
import androidx.compose.runtime.Composable
import androidx.compose.ui.Modifier
import androidx.compose.ui.unit.dp

@Composable
fun ScrollableTopIconList(yourListData: List<ListItemData>) {
    LazyColumn {
        // 顶部随滚动的图标项
        item {
            Icon(
                imageVector = Icons.Filled.Star,
                contentDescription = "顶部图标",
                modifier = Modifier
                    .size(48.dp)
                    .padding(horizontal = 16.dp, vertical = 8.dp)
            )
        }

        // 普通列表条目
        items(yourListData) { item ->
            ListItem(
                headlineContent = { Text(item.title) },
                supportingContent = { Text(item.description) },
                modifier = Modifier.fillMaxWidth()
            )
        }
    }
}

// 示例数据类
data class ListItemData(val title: String, val description: String)

说明 #

• 这里的item块是LazyColumn提供的单个条目声明方式，和items批量生成的条目拥有完全一致的滚动行为，不会固定在顶部。
• 你可以根据需求修改图标的大小、padding、点击事件（比如添加clickable修饰符），或者替换成自定义图片（用Image组件加载本地/网络图片）。
• 区别于stickyHeader，这种方式下图标会完全跟随列表滚动，不会停留在屏幕顶部。

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