Material3中LazyColumn滚动误触发Swipe to Dismiss的解决方法

针对你遇到的滚动时误触、角落轻触误触发删除的问题，可以从以下几个方向解决：

1. 基于滑动方向过滤误触 #

垂直滚动时的轻微水平偏移是误触发的核心原因，我们可以通过监听触摸的滑动方向，仅允许水平主导的滑动触发删除操作：

val listState = rememberLazyListState()
var isHorizontalSwipe by remember { mutableStateOf(false) }

val dismissState = rememberDismissState(
    confirmValueChange = {
        if ((it == DismissValue.DismissedToStart || it == DismissValue.DismissedToEnd) &&
            !listState.isScrollInProgress &&
            isHorizontalSwipe) { // 仅满足水平滑动+未滚动时执行删除
            viewModel.removeItem(itemActual.idEnvio)
            true
        } else false
    },
    positionalThreshold = { size -> 
        size.width * 0.3f // 改用列表项宽度的30%作为阈值，比固定300dp更适配不同屏幕
    }
)

SwipeToDismiss(
    state = dismissState,
    background = { /* 你的背景布局代码 */ },
    dismissContent = {
        Box(
            modifier = Modifier
                .pointerInput(Unit) {
                    detectDragGestures(
                        onDrag = { _, dragAmount ->
                            // 当水平滑动距离远大于垂直时，标记为有效水平滑动
                            isHorizontalSwipe = abs(dragAmount.x) > abs(dragAmount.y) * 1.5f
                        },
                        onDragEnd = { isHorizontalSwipe = false }
                    )
                }
        ) {
            // 你的列表项内容布局
        }
    }
)

2. 让垂直滚动事件优先处理 #

给SwipeToDismiss添加nestedScroll修饰符，和LazyColumn的滚动状态联动，确保垂直滚动事件不会被误拦截：

SwipeToDismiss(
    state = dismissState,
    modifier = Modifier.nestedScroll(listState.nestedScrollConnection), // 新增此行
    background = { /* 背景布局 */ },
    dismissContent = { /* 列表项内容 */ }
)

3. 限制触摸响应区域（可选） #

如果角落轻触的问题依然存在，可以直接过滤掉边角区域的触摸事件：

SwipeToDismiss(
    state = dismissState,
    modifier = Modifier
        .pointerInput(Unit) {
            detectTapGestures(
                onPress = { pos ->
                    val edgeThreshold = 20.dp.toPx()
                    // 触摸位置距离左右边缘过近时，忽略事件
                    val isEdgeTap = pos.x < edgeThreshold || pos.x > size.width - edgeThreshold
                    if (isEdgeTap) consumeAllChanges()
                }
            )
        },
    background = { /* 背景布局 */ },
    dismissContent = { /* 列表项内容 */ }
)

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