Do we have an example somewhere of a app with a pager whose pages are lists? And so the timeText sho...

# compose-wear

[bod]

Do we have an example somewhere of a app with a pager whose pages are lists? And so the timeText should probably disappear when scrolling on the lists, but re-appear when switching pages? (And same for the horizontal page indicator, I suppose).

[yschimke]

I think Horologist has one. I can dig one out later. AppScaffold, ScreenScaffold and PagerScaffold are designed for this case.

[bod]

Ah that's great news!

[yschimke]

Nope, not exactly. But something like

@Composable
fun SamplePagerScreen(swipeToDismissBoxState: SwipeToDismissBoxState) {
    PagerScreen(
        modifier = Modifier.edgeSwipeToDismiss(swipeToDismissBoxState),
        state = rememberPagerState {
            10
        },
    ) {
        PagerItemScreen(item = it)
    }
}

@Composable
internal fun PagerItemScreen(
    item: Int,
) {
    val columnState = rememberResponsiveColumnState(
        contentPadding = ScalingLazyColumnDefaults.padding(
            first = ScalingLazyColumnDefaults.ItemType.Text,
            last = ScalingLazyColumnDefaults.ItemType.Chip
        )
    )
    ScreenScaffold(scrollState = columnState) {
        ScalingLazyColumn(columnState = columnState) {
            item {
                ResponsiveListHeader(
                    contentPadding = firstItemPadding(),
                ) {
                    Text(text = "Page $item")
                }
            }
            items(10) {
                Chip(label = "Chip $it", onClick = { /*TODO*/ })
            }
        }
    }
}

[yschimke]

This example assumes it's inside AppScaffold and SwipeDismissableNavHost.

[bod]

Thanks a lot! I'll have a look at it today

[bod]

YES it works 👍 Not sure if the page indicators should also move away though?

(yes it's a conf app but not Confetti 😂)

timetext.webm

[yschimke]

I'll check about that on Tuesday.