IssueTracker

When using Jetpack Compose Navigation for routing, navigating from a LazyVerticalStaggeredGrid list page to another page and then returning causes the previously scrolled layout state of the LazyVerticalStaggeredGrid to be lost. This results in items constantly changing positions during scrolling, which creates a poor user experience.

I believe that LazyVerticalStaggeredGrid should properly save the positional information of previously laid-out items, rather than just recording an initial visible position. Since the item heights in LazyVerticalStaggeredGrid are not fixed, losing the previous layout order after the page is restored leads to items being repeatedly re-laid out when scrolling back up. This behavior is counterintuitive. From the user’s perspective, if I scroll to a certain item, navigate to a detail page, and then return, the items jumping around while scrolling back up feels very jarring and unpleasant.

If there’s any way to maintain the previous layout order during restore, please let me know. I’m waiting online and quite anxious. Thank you so much!

    LazyVerticalStaggeredGrid(
        state = gridState,
        columns = StaggeredGridCells.Adaptive(150.dp),
        modifier = Modifier.fillMaxSize()
    ) {
        items(50) {
            OutlinedCard(
                onClick = { navOtherScreenAndBack() },
                modifier = Modifier
                    .fillMaxWidth()
                    .aspectRatio((it % 3 + 1) / 2f)
            ) {
                Box(
                    modifier = Modifier
                        .fillMaxSize()
                        .background(if (it % 2 == 0) Color.Blue else Color.Gray)
                ) {
                    Text(text = "Index: $it", modifier = Modifier.align(Alignment.Center))
                }
            }
        }
}