Hi everyone, I’m trying to implement infinite lazy...

# compose

[Daniel Okanin]

Hi everyone, I’m trying to implement infinite lazy column with the following code. But I have a use case that If the shouldLoadMore is true and after the api call for the next page, I still need to ask another page (because I didn’t get enough items ), the shouldLoadMore is still true so the LaunchedEffect isn’t trigger again. Do you have any idea?

[Daniel Okanin]

fun Modifier.pagination(
    state: LazyListState,
    buffer: Int = 10,
    onEndReached: () -> Unit,
) = composed {

    require(buffer >= 0) { "buffer cannot be negative, but was $buffer" }

    val shouldLoadMore = remember {
        derivedStateOf {
            val lastVisibleItem = state.layoutInfo.visibleItemsInfo.lastOrNull() ?: return@derivedStateOf false
            lastVisibleItem.index >= state.layoutInfo.totalItemsCount - 1 - buffer
        }
    }

    LaunchedEffect(shouldLoadMore) {
        snapshotFlow { shouldLoadMore.value }
            .collect { shouldLoadMore ->
                if (shouldLoadMore) onEndReached()
            }
    }
    this
}

[Daniel Okanin]

@Mor Amit @galex

[Ravi]

@Composable
fun Pagination(
    listState: LazyListState,
    buffer: Int = 5,
    flag: Boolean = true,
    action: () -> Unit
) {
    var lastTotalItems = -1
    val loadMore = remember {
        derivedStateOf {
            val layoutInfo = listState.layoutInfo
            val totalItemsNumber = layoutInfo.totalItemsCount
            val lastVisibleItemIndex = (layoutInfo.visibleItemsInfo.lastOrNull()?.index ?: 0) + 1
            val loadMore =
                lastVisibleItemIndex > (totalItemsNumber - buffer) && flag && (lastTotalItems != totalItemsNumber)
            loadMore
        }
    }
    LaunchedEffect(loadMore) {
        snapshotFlow { loadMore.value }
            .distinctUntilChanged()
            .collect {
                if (it) {
                    lastTotalItems = listState.layoutInfo.totalItemsCount
                    action()
                }
            }
    }
}

can u try this, u can ignore flag argument.

[Daniel Okanin]

Thanks @Ravi I’ll try it

[Daniel Okanin]

Hi @Ravi Im not sure this code works for all cases. By set lastTotalItems = listState.layoutInfo.totalItemsCount you are based on the assumption that the code in the derivedStateOf will be executed at least once so the
lastTotalItems != totalItemsNumber return false, but this assumption is right? WDYT?