Jetpack Compose如何保持列表触底触发的状态不随上滚改变

当前实现中的isEndached是与列表滚动位置实时绑定的派生状态，没有加入状态锁定逻辑，只要滚动位置离开列表底部，计算结果就会自动回退为false，无法满足“触底触发后状态永久生效”的需求。

核心思路是单独维护一个独立的状态位存储触底标记，仅在首次满足触底条件时将标记置为true，后续不再随滚动位置修改该标记：

val scrollState = rememberLazyListState()
// 定义持久化的触底状态，初始值为false
var hasReachedEnd by remember { mutableStateOf(false) }

// 监听列表滚动位置，仅首次触底时更新状态
LaunchedEffect(scrollState) {
    snapshotFlow { 
        scrollState.layoutInfo.visibleItemsInfo.lastOrNull()?.index ?: 0 
    }.collect { lastVisibleItemIndex ->
        // 未触发过触底状态时才执行判断，避免状态被回写
        if (!hasReachedEnd && lastVisibleItemIndex == items.size - 1) {
            hasReachedEnd = true
        }
    }
}

直接使用hasReachedEnd作为按钮的状态源即可：

• 状态为false时，按钮展示初始样式的文本、形状
• 用户首次滚动到列表底部时，状态更新为true，按钮同步切换为触底后的样式
• 后续用户向上滚动列表时，由于hasReachedEnd被置为true后不会再被修改，状态会永久保留，不会出现回退问题

可选扩展 #

如果你的列表存在分页加载、数据刷新场景，需要在列表内容更新后重置触底状态，只需要给remember传入对应关联key即可：

// 列表长度变化时（比如加载了新的分页数据），自动重置触底状态
var hasReachedEnd by remember(items.size) { mutableStateOf(false) }

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