如何实现LazyColumn中IconButton的即时拖动（无需长按）

核心问题在于IconButton内置的clickable修饰符会消耗指针按下事件，导致detectDragGestures无法捕获拖动起始信号。以下是修改后的完整实现：

@Composable
fun Screen2(modifier: Modifier = Modifier) {
    val density = LocalDensity.current

    val list = remember { mutableStateListOf(
        "Kotlin", "Java", "C++", "Python", "C", "Assembly"
    ) }
    var draggedItemIndex by remember { mutableIntStateOf(-1) }
    val heightDp = remember { 80.dp } // 列表项高度
    val heightPx = remember { with(density) { heightDp.toPx() } }

    LazyColumn(
        modifier = modifier
    ) {
        itemsIndexed(list, key = { _, k -> k }) { index, text ->

            var dragOffsetY by remember { mutableFloatStateOf(0F) }
            var isDragged by remember { mutableStateOf(false) }

            Card(
                modifier = Modifier
                    .padding(8.dp)
                    .graphicsLayer {
                        translationY = dragOffsetY
                        shadowElevation = if (isDragged) 8F else 0F
                        alpha = if (isDragged) .9F else 1F
                    }
                    .zIndex(if (isDragged) 2F else 0F)
                    .fillMaxWidth()
                    .then(if (isDragged) Modifier else Modifier.animateItem())
            ) {
                Row(
                    modifier = Modifier
                        .padding(8.dp)
                        .fillMaxWidth(),
                    horizontalArrangement = Arrangement.SpaceBetween,
                    verticalAlignment = Alignment.CenterVertically
                ) {
                    Text(text)

                    // 替换IconButton为自定义可拖动组件，避免clickable干扰
                    Box(
                        modifier = Modifier
                            .pointerInput(index) {
                                detectDragGestures(
                                    onDragStart = {
                                        draggedItemIndex = index
                                        isDragged = true
                                    },
                                    onDragEnd = {
                                        dragOffsetY = 0F
                                        draggedItemIndex = -1
                                        isDragged = false
                                    },
                                    onDragCancel = {
                                        dragOffsetY = 0F
                                        draggedItemIndex = -1
                                        isDragged = false
                                    }
                                ) { change, dragAmount ->
                                    change.consume()
                                    dragOffsetY += dragAmount.y

                                    val indexOffset = (dragOffsetY / heightPx).toInt()
                                    val newIndex = indexOffset + draggedItemIndex

                                    if (newIndex in list.indices && newIndex != draggedItemIndex) {
                                        Collections.swap(list, draggedItemIndex, newIndex)
                                        draggedItemIndex = newIndex
                                        dragOffsetY -= indexOffset * heightPx
                                    }
                                }
                            }
                            .padding(8.dp) // 匹配IconButton的内边距
                            .indication(
                                interactionSource = remember { MutableInteractionSource() },
                                indication = LocalIndication.current
                            ) // 保留波纹点击效果
                    ) {
                        Icon(Icons.Default.DragHandle, "Drag Handle")
                    }
                }
            }
        }
    }
}

关键修改点： #

1. 替换IconButton：使用Box+Icon组合替代IconButton，避免其内置clickable修饰符消耗指针事件
2. 合并手势逻辑：将原有的两个pointerInput合并为一个，使用detectDragGestures替代detectDragGesturesAfterLongPress，实现点击即拖动
3. 保留交互反馈：添加indication修饰符维持原有的波纹点击效果
4. 即时触发拖动：onDragStart在指针按下时立即触发，无需等待长按

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