Jetpack Compose：如何让LazyColumn内的可滑动行优先响应垂直滚动？

要实现垂直滚动优先、避免轻微水平移动触发滑动删除的需求，核心是在手势识别阶段先判断滑动方向，动态控制水平swipeable的启用状态。以下是具体实现方案：

核心思路 #

通过监听手指初始滑动的位移方向，设置一个合理的位移阈值：

• 当垂直位移的绝对值大于水平位移，或垂直位移超过阈值时，判定为垂直滚动操作，禁用子项的水平滑动功能
• 只有当水平位移占主导且未触发垂直滚动阈值时，才允许激活滑动删除逻辑

代码实现 #

以自定义子项滑动为例，结合pointerInput和swipeable的enabled参数实现：

// 定义子项状态枚举
enum class ItemState { Normal, Deleted }

LazyColumn { // LazyColumn自带滚动，无需额外加verticalScroll修饰符
    items(sampleItems) { item ->
        val swipeableState = rememberSwipeableState(initialValue = ItemState.Normal)
        val anchors = mapOf(
            0f to ItemState.Normal,
            -200f to ItemState.Deleted // 滑动到删除状态的偏移量
        )
        var isSwipeEnabled by remember { mutableStateOf(true) }
        val threshold = 16.dp.toPx() // 触摸位移阈值，可根据需求调整

        Box(
            modifier = Modifier
                .fillMaxWidth()
                .pointerInput(Unit) {
                    awaitPointerEventScope {
                        while (true) {
                            val event = awaitPointerEvent()
                            val positionChange = event.changes.first().positionChange()
                            
                            // 判断是否为垂直滚动操作
                            val isVerticalScroll = positionChange.y.absoluteValue > threshold ||
                                    positionChange.y.absoluteValue > positionChange.x.absoluteValue
                            
                            isSwipeEnabled = !isVerticalScroll
                        }
                    }
                }
                .swipeable(
                    state = swipeableState,
                    anchors = anchors,
                    enabled = isSwipeEnabled, // 动态控制滑动是否启用
                    directions = setOf(SwipeDirection.EndToStart),
                    thresholds = { _, _ -> FractionalThreshold(0.3f) }
                )
        ) {
            // 子项内容布局
            Text(
                text = item.title,
                modifier = Modifier
                    .fillMaxWidth()
                    .padding(horizontal = 16.dp, vertical = 12.dp)
            )
            // 滑动后显示的删除按钮等布局
            Box(
                modifier = Modifier
                    .align(Alignment.CenterEnd)
                    .fillMaxHeight()
                    .width(200.dp)
                    .background(Color.Red),
                contentAlignment = Alignment.Center
            ) {
                Text(text = "删除", color = Color.White)
            }
        }
    }
}

补充说明 #

1. 阈值调整：16.dp是Material Design中常用的触摸位移阈值，用来区分点击和滑动操作，你可以根据实际交互体验调整这个数值。
2. 事件消费：如果需要更严格的垂直滚动优先，可在pointerInput中当判定为垂直滚动时，调用change.consume()来消费事件，确保LazyColumn优先响应垂直滚动。
3. 替代方案：也可以使用detectDragGestures简化手势监听逻辑，核心都是通过位移方向判断来控制swipeable的启用状态。

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