#码力全开·技术π对#在 Jetpack Compose 中，如何实现高效的 LazyColumn 分页加载？

LazyColumn {
    items(items = yourDataList) { item ->
        YourItemComposable(item)
    }
}

val listState = rememberLazyListState()
val loadMore = remember {
    derivedStateOf {
        val totalItems = listState.layoutInfo.totalItemsCount
        val visibleItems = listState.layoutInfo.visibleItemsInfo
        val lastVisibleItem = visibleItems.lastOrNull()
        lastVisibleItem != null && (lastVisibleItem.index + 3) >= totalItems
    }
}

LaunchedEffect(loadMore) {
    if (loadMore.value) {
        // 加载下一页数据
        viewModel.loadNextPage()
    }
}

LazyColumn(state = listState) {
    items(items = yourDataList) { item ->
        YourItemComposable(item)
    }
}

val cachedValue = remember { someExpensiveCalculation() }