如何在Jetpack Compose新版本中禁用Horizontal Pager的滚动行为？

在新版本的Jetpack Compose（官方androidx.compose.foundation.pager库）中，旧版本的userScrollEnabled参数已被移除，要禁用Horizontal Pager的自带触摸滚动、仅通过按钮控制滚动，可采用以下两种方法：

方法一：通过自定义PagerScrollBehavior禁用滚动 #

创建PagerScrollBehavior时，传入一个始终返回false的canScroll判断逻辑，让Pager直接忽略用户的触摸滚动操作：

val pageCount = 3
// 自定义滚动行为，禁止用户触摸触发滚动
val scrollBehavior = rememberPagerScrollBehavior(pageCount = pageCount) { false }

HorizontalPager(
    pageCount = pageCount,
    scrollBehavior = scrollBehavior
) { page ->
    // 页面内容示例
    Text("当前页面：$page", modifier = Modifier.fillMaxSize().wrapContentSize())
}

// 按钮控制滚动示例
Button(onClick = { 
    scrollBehavior.animateScrollToPage((scrollBehavior.currentPage + 1) % pageCount) 
}) {
    Text("下一页")
}

方法二：用Modifier拦截触摸事件 #

通过pointerInput修饰符拦截Pager区域内的所有触摸事件，不让事件传递到Pager的滚动逻辑中：

val pageCount = 3
val scrollBehavior = rememberPagerScrollBehavior(pageCount = pageCount)

HorizontalPager(
    pageCount = pageCount,
    scrollBehavior = scrollBehavior,
    modifier = Modifier.pointerInput(Unit) {
        awaitPointerEventScope {
            // 无限循环接收触摸事件但不处理，实现拦截效果
            while (true) {
                awaitPointerEvent()
            }
        }
    }
) { page ->
    // 页面内容示例
    Text("当前页面：$page", modifier = Modifier.fillMaxSize().wrapContentSize())
}

// 按钮控制滚动示例
Button(onClick = { 
    scrollBehavior.scrollToPage((scrollBehavior.currentPage - 1 + pageCount) % pageCount) 
}) {
    Text("上一页")
}

两种方法的区别：

• 方法一从Pager内部逻辑禁用滚动，不会影响页面内部的其他触摸交互（比如页面内的按钮点击）
• 方法二全局拦截触摸事件，会阻止Pager区域内所有触摸操作，适合页面内部无触摸交互需求的场景

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