Jetpack Compose：如何让VerticalPager在滑动/按钮点击时停止自动滚动？

以下是修改后的完整代码，同时实现点击按钮立即停止和用户滑动时停止自动滚动的需求，保留原有的“滚动3页后停止”功能：

@SuppressLint("SuspiciousIndentation")
@ExperimentalPagerApi
@Composable
fun ViewPagerSlider() {
    // 控制自动滚动的开关
    var isAutoScrollEnabled by remember { mutableStateOf(true) }
    // 记录自动滚动的页数
    var scrollCount by remember { mutableIntStateOf(0) }

    val pagerState = rememberPagerState(
        pageCount = CatalogList.size,
        initialPage = 0,
        infiniteLoop = true
    )

    // 监听用户手动滑动，触发停止自动滚动
    LaunchedEffect(pagerState.isScrollInProgress) {
        if (pagerState.isScrollInProgress) {
            isAutoScrollEnabled = false
        }
    }

    // 自动滚动逻辑，协程会随isAutoScrollEnabled变化自动取消/重启
    LaunchedEffect(isAutoScrollEnabled) {
        if (!isAutoScrollEnabled) return@LaunchedEffect
        
        while (isAutoScrollEnabled && scrollCount < 3) {
            delay(2000)
            pagerState.animateScrollToPage(
                page = (pagerState.currentPage + 1),
                animationSpec = tween(600)
            )
            scrollCount++
            // 滚动3页后自动关闭开关
            if (scrollCount >= 3) {
                isAutoScrollEnabled = false
            }
        }
    }

    Box() {
        VerticalPager(
            state = pagerState,
            modifier = Modifier.fillMaxSize()
        ) { indexPage ->
            Column(
                verticalArrangement = Arrangement.Center,
                modifier = Modifier.fillMaxSize()
            ) {
                //////// CONTENT /////////
            }
        }

        IconButton(
            onClick = {
                // 点击按钮立即关闭自动滚动开关
                isAutoScrollEnabled = false
            }
        ) {
            Icon(
                imageVector = Icons.Filled.Info,
                contentDescription = "停止自动滚动",
                tint = Color.Red,
            )
        }
    }
}

关键修改说明： #

• 用isAutoScrollEnabled作为滚动开关：将原有的计数变量替换为布尔开关，LaunchedEffect的key设为该变量。当开关变为false时，协程会被立即取消，解决了原代码中点击按钮后仍会滚动一页的问题。
• 监听用户手动滑动：通过LaunchedEffect(pagerState.isScrollInProgress)监听滑动状态，当用户开始手动滑动时，直接关闭自动滚动开关。isScrollInProgress是PagerState内置的属性，能准确区分手动滚动和自动滚动的状态。
• 独立维护滚动计数：用scrollCount单独记录自动滚动的次数，每次滚动完成后递增，达到3次时自动关闭滚动开关，保留原需求的功能。
• 移除无效的dragEnabled参数：原代码中未定义的userScroll.value参数直接移除，确保VerticalPager的手动滑动正常工作。

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