Compose中如何为VerticalPager添加类似ViewPager2的页面切换监听？

Compose的VerticalPager没有直接提供ViewPager2那样的registerOnPageChangeCallback，但可以通过监听PagerState的状态来实现页面切换完成且处于空闲状态时执行单次任务的需求，避免VerticalPager内容块重复调用导致的任务多次执行问题。

方法一：监听currentPage与isScrollInProgress状态 #

通过LaunchedEffect追踪页面位置和滚动状态，仅当滚动停止时执行任务：

val pagerState = rememberPagerState(pageCount = { 5 })

// 监听页面状态，空闲时执行任务
LaunchedEffect(pagerState.currentPage, pagerState.isScrollInProgress) {
    if (!pagerState.isScrollInProgress) {
        // 这里放置需要单次执行的任务
        println("页面 ${pagerState.currentPage} 已稳定，执行任务")
    }
}

// 渲染VerticalPager
VerticalPager(state = pagerState) { page ->
    Text(text = "当前页面：$page")
}

方法二：等待滚动动画完全结束（更精确） #

如果需要等待页面切换的动画完全结束后再执行任务，可以结合snapshotFlow和awaitScrollEnd：

val pagerState = rememberPagerState(pageCount = { 5 })

LaunchedEffect(pagerState) {
    // 监听页面切换事件，仅当页面真正变化时触发
    snapshotFlow { pagerState.currentPage }
        .distinctUntilChanged()
        .collect { targetPage ->
            // 等待所有滚动、切换动画完全结束
            pagerState.awaitScrollEnd()
            // 执行单次任务
            println("页面 $targetPage 已完全空闲，执行任务")
        }
}

VerticalPager(state = pagerState) { page ->
    Text(text = "当前页面：$page")
}

为什么不能直接在VerticalPager内容块执行任务？ #

VerticalPager的content lambda会随着Compose的重组多次调用（比如滚动过程中的UI更新、父组件状态变化），直接在里面写任务逻辑会导致任务被重复执行，无法满足单次执行的需求。

内容的提问来源于stack exchange，提问作者Anas Mirza