Android Jetpack Compose：pointerInteropFilter在ACTION_MOVE后不触发ACTION_UP

核心方案 #

替换pointerInteropFilter为官方推荐的pointerInput，通过PointerInputScope的API精准捕获所有手势事件（包括UP），结合LazyListState实现自动对齐滚动与启动时的特定项定位。

分步实现 #

1. 初始化核心状态 #

先定义控制滚动的状态与协程作用域，同时直接设置启动定位的目标项：

// 启动时直接定位到目标项索引targetItemIndex
val lazyListState = rememberLazyListState(initialFirstVisibleItemIndex = targetItemIndex)
var isDragging by remember { mutableStateOf(false) }
val coroutineScope = rememberCoroutineScope()

2. 用pointerInput处理手势事件 #

通过awaitPointerEventScope循环监听手势，确保UP/Cancel事件被正确捕获：

LazyColumn(
    state = lazyListState,
    modifier = Modifier
        .pointerInput(Unit) {
            awaitPointerEventScope {
                while (true) {
                    val event = awaitPointerEvent()
                    when (event.type) {
                        PointerEventKind.Down -> {
                            isDragging = true
                            // 终止正在运行的自动滚动协程，避免冲突
                            coroutineScope.coroutineContext.cancelChildren()
                        }
                        PointerEventKind.Move -> {
                            // 拖动逻辑由LazyColumn原生处理，无需额外操作
                        }
                        PointerEventKind.Up, PointerEventKind.Cancel -> {
                            isDragging = false
                            // 触发自动对称对齐滚动
                            coroutineScope.launch {
                                alignToSymmetricCenter(lazyListState)
                            }
                        }
                    }
                }
            }
        }
) {
    items(itemCount) { index ->
        // 你的列表项布局
    }
}

3. 实现自动对称对齐逻辑 #

编写函数计算列表中心，找到最近的项并滚动至居中位置：

suspend fun alignToSymmetricCenter(lazyListState: LazyListState) {
    val layoutInfo = lazyListState.layoutInfo
    val visibleItems = layoutInfo.visibleItemsInfo
    if (visibleItems.isEmpty()) return

    // 计算列表可视区域的垂直中心
    val listViewportHeight = layoutInfo.viewportEndOffset - layoutInfo.viewportStartOffset
    val listCenterY = listViewportHeight / 2f

    // 找到距离中心最近的列表项
    val targetItem = visibleItems.minByOrNull { item ->
        val itemCenterY = item.offset + item.size / 2f
        kotlin.math.abs(itemCenterY - listCenterY)
    } ?: return

    // 滚动至目标项，使其与列表中心对齐
    lazyListState.animateScrollToItem(
        index = targetItem.index,
        scrollOffset = -(listViewportHeight / 2 - targetItem.size / 2).toInt()
    )
}

4. 点击项触发对齐 #

在列表项上添加clickable修饰符，点击时直接触发对齐：

items(itemCount) { index ->
    Box(
        modifier = Modifier
            .fillMaxWidth()
            .clickable {
                coroutineScope.launch {
                    val layoutInfo = lazyListState.layoutInfo
                    val listViewportHeight = layoutInfo.viewportEndOffset - layoutInfo.viewportStartOffset
                    // 假设itemHeight为已知项高度，动态高度可通过onSizeChanged获取
                    lazyListState.animateScrollToItem(
                        index = index,
                        scrollOffset = -(listViewportHeight / 2 - itemHeight / 2).toInt()
                    )
                }
            }
    ) {
        // 列表项内容
    }
}

关键注意事项 #

• 拖动开始时取消之前的自动滚动协程，防止多个滚动操作冲突
• 同时监听PointerEventKind.Cancel，覆盖手势被系统中断的场景
• 启动定位直接通过rememberLazyListState的初始化参数实现，无需额外逻辑

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