Jetpack Compose version: androidx.compose.foundation:foundation 1.7.5 and below

Jetpack Compose component(s) used: LazyVerticalStaggeredGrid

Android Studio Build: N/A

Kotlin version: 2.0

Steps to Reproduce or Code Sample to Reproduce:

Create a simple compose screen adding a LazyVerticalStaggeredGrid
Then implement a PullRefreshIndicator around the LazyVerticalStaggeredGrid
Pull to refresh won't be triggered. Scrolling/Pulling down fast might seem like the indicator will show, but it doesn't work. See the screen recording attached.

        val pullRefreshState = rememberPullRefreshState(state.isRefreshing, dashboardViewModel::onPullToRefresh)
        Box(Modifier.pullRefresh(pullRefreshState)) {
                    LazyVerticalStaggeredGrid(
            columns = StaggeredGridCells.Adaptive(400.dp),
            verticalItemSpacing = 16.dp,
            horizontalArrangement = Arrangement.SpaceEvenly,
        ) {
            items(items) { items -> ... }
        }

            PullRefreshIndicator(
                refreshing = state.isRefreshing,
                state = pullRefreshState,
                modifier = Modifier.align(Alignment.TopCenter),
                contentColor = MaterialTheme.colors.primary,
            )
        }

There's a user reporting the exact same issue in StackOverflow a year ago.

Note that in the attached code if I simply replace LazyVerticalStaggeredGrid with LazyVerticalGrid then pull to refresh will work just fine.

Another related issue that the LazyVerticalStaggeredGrid has is that modifier.nestedScroll(nestedScrollInterop) doesn't work well with XML CoordinatorLayout when nesting a ComposeView to play well with collapsing toolbar. But that is another matter, although could be related to the component not properly dispatching scroll events.

Please let me know if there's any extra info you need to look into this.

Issue 382540645

Links (3)

Issue metadata