I am trying to use VerticalScroller but it is not working properly. Whole ui lags

@Composable
private fun ShowArticle(
    articleList: List<NewsArticle>
) {
    val scrollerPosition: ScrollerPosition = +memo {ScrollerPosition(0f)}
    if(scrollerPosition.isAtEndOfList) {
        newArticleModel.loadMoreNationData(2)
    }
    VerticalScroller(scrollerPosition = scrollerPosition) {
        Column(Expanded) {
            articleList.forEach {
                ArticleTicket(
                    backgroundColor = (+MaterialTheme.colors()).background,
                    article = it
                )
            }
        }
    }
}
val ScrollerPosition.isAtEndOfList: Boolean get() = value >= maxPosition

Try to wrap the "isAtTheEndOfList" if statement inside a Observe { ... }

val observe  = Observer<Boolean> {
    if (it) {
        newArticleModel.loadMoreNationData(2)
    }
}
observe.onChanged(scrollerPosition.isAtEndOfList)

Like this ?

No i mean androidx.compose.Observe

Yeah thanks

Great:)

As the above discussion shows

Observe

is a confusing name. Any recommendations for renaming it?

It’s better to name the component Observe as BodyScope as it “creates a scope which will be the root of recomposition for any reads or writes to Model classes that happen inside of it.

I think Observe is ok. The problem is that we have to get used to the fact that each composable lambda without a return type is a scope which can be invoked when ever something has changed.

I had a similar problem and this thread helped me in solving it.