@Composable
fun VerticalPageIndicatorWithPagerSample() {
val pageCount = 9
val pagerState = rememberPagerState { pageCount }
Box {
VerticalPagerScaffold(
pagerState = pagerState,
pageIndicator = { VerticalPageIndicator(pagerState = pagerState) },
) {
VerticalPager(
state = pagerState,
flingBehavior =
PagerScaffoldDefaults.snapWithSpringFlingBehavior(state = pagerState),
) { page ->
AnimatedPage(pageIndex = page, pagerState = pagerState) {
Column(
modifier = Modifier.fillMaxSize(),
horizontalAlignment = Alignment.CenterHorizontally,
verticalArrangement = Arrangement.Center,
) {
Text(text = "Page #$page")
Spacer(modifier = Modifier.height(8.dp))
Text(text = "Swipe up and down")
}
}
}
}
}
}