Jetpack Compose LazyColumn动态设置激活态粘性头部颜色

你当前的异常行为源于所有粘性头部共用同一个stickyHeaderPosition状态变量，每个头部的onGloballyPositioned回调都会覆盖这个值，导致状态混乱，无法准确识别当前处于顶部的头部。

正确解决方案 #

我们可以通过LazyListState提供的stickyHeaderInfo属性，直接跟踪当前处于粘性状态的头部标识，实现精准的颜色控制：

@OptIn(ExperimentalFoundationApi::class)
@Composable
fun AphorismList(
    navController: NavController,
    contentItemsList: List<AphorismAndImage>
) {
    val dateFormatter = DateTimeFormatter.ofPattern("MMMM")
    val groupedAphorisms = contentItemsList.groupBy { 
        it.contentItem.date?.format(dateFormatter) ?: LocalDate.now().month.toString()
    }

    val listState = rememberLazyListState()
    // 自动跟踪当前固定在顶部的粘性头部key
    val currentStickyHeaderKey by remember {
        derivedStateOf {
            listState.stickyHeaderInfo?.key
        }
    }

    LazyColumn(state = listState) {
        groupedAphorisms.forEach { (header, contentItems) ->
            // 给每个粘性头部设置唯一标识key
            stickyHeader(key = header) {
                Surface(
                    modifier = Modifier.fillParentMaxWidth(),
                    color = if (currentStickyHeaderKey == header) {
                        MaterialTheme.colorScheme.surfaceColorAtElevation(12.dp)
                    } else {
                        MaterialTheme.colorScheme.background
                    }
                ) {
                    Text(
                        text = header.replaceFirstChar { it.uppercase() },
                        style = MaterialTheme.typography.labelLarge,
                        modifier = Modifier.padding(8.dp)
                    )
                }
            }

            items(contentItems) { contentItem ->
                ContentListItem(contentItem, navController)
            }
        }
    }
}

核心优化点 #

• 状态精准跟踪：使用derivedStateOf监听listState.stickyHeaderInfo?.key，自动同步当前处于顶部的粘性头部标识
• 唯一key绑定：给每个stickyHeader分配唯一的key（这里直接使用分组的header字符串），确保能准确匹配活跃头部
• 避免状态冲突：不再依赖全局共享的坐标变量，彻底解决多个头部互相覆盖状态的问题

注意事项 #

如果你的分组header存在重复的可能性（比如不同年份的同一月份），需要将key替换为更唯一的标识（例如"${year}-${month}"），确保每个粘性头部的key不重复，避免匹配错误。

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