Jetpack Compose Wear OS Scroll to top onResume

Question

I have a Wear OS Overlay built with Compose, that uses a ScalingLazyColumn and rememberScalingLazyListState() for scrolling. When the user leaves the overlay and returns I want the column to scroll to the top instead of saving their location. Is there a way to do this?

The screen uses LiveData/State so elements recompose while the user is on the screen, and I do not want to lose their scroll position in this case.

@Composable
fun WearApp(weatherVM: WeatherViewModel, application: Application) {
    WearAppTheme {
        val weather = weatherVM.weather.observeAsState(initial = null)
        val listState = rememberScalingLazyListState()
        Scaffold(
            ...
            positionIndicator = {
                PositionIndicator(
                    scalingLazyListState = listState
                )
            }
        ) {
            ScalingLazyColumn(
                modifier = Modifier.fillMaxSize(),
                autoCentering = AutoCenteringParams(itemIndex = 0),
                state = listState
            ) {
                item {
                    ...
                }
                item {
                    ...
                }
                ...

score 0 · Answer 1 · answered Jul 03 '22 at 09:20

If you don't have navigation, then you should just be able to use lifecycle events to change the list state on resume.

See https://stackoverflow.com/a/66807899/1542667

If you do use navigation, then you'll need to get the Lifecycle above the SwipeDismissableNavHost, as each navigation destination has it's own lifecycle, resume could be called when you swipe back to the top level.

            LaunchedEffect(Unit) {
                lifecycleOwner.repeatOnLifecycle(state = Lifecycle.State.RESUMED) {
                    scrollState.scrollToItem(index = 0)
                }
            }

Jetpack Compose Wear OS Scroll to top onResume

1 Answers1