Jetpack Compose拖拽任务功能异常：任务重复、无法移动问题的排查与修复

我仔细看了你的代码和问题描述，这个bug的根源其实和Compose的重组机制以及你传递拖拽数据的方式有关，咱们一步步来分析和修复。

问题根源分析 #

首先，你的TaskCard在绑定拖拽源时，直接把当前task传入DraggedData，但这里有两个关键问题：

1. 列表重组时的组件复用错位：当你在tasks.forEach里渲染TaskCard时，没有给每个卡片指定唯一key。Compose默认会根据列表项的位置来复用组件，一旦任务顺序变化（比如移动任务后），旧位置的组件状态会被新位置的任务复用，导致拖拽时传递的是旧的任务数据——这就是你看到拖拽Task4却变成操作Task1的核心原因。
2. 任务缺少唯一标识：你的Task是data class，默认通过属性匹配来判断相等，但如果后续出现标题/描述相同的任务，remove(task)操作会匹配错误对象；就算当前任务都是唯一的，组件复用带来的对象引用错位也会让移除操作失效。

具体修复步骤 #

1. 给Task添加唯一ID，确保任务识别准确

修改Task数据类，新增唯一id字段，让每个任务都有不可替代的标识：

data class Task(
    val id: String, // 新增唯一ID，推荐用UUID或自增字符串
    val title: String,
    val description: String
)

然后更新ViewModel里的任务初始化代码，给每个任务分配唯一ID：

val todoTasks = mutableStateListOf<Task>(
    Task(id = "task_1", title = "Task 1", description = "Description 1"),
    Task(id = "task_4", title = "Task 4", description = "Description 4"),
)

val inProgressTasks = mutableStateListOf<Task>(
    Task(id = "task_2", title = "Task 2", description = "Description 2"),
    Task(id = "task_5", title = "Task 5", description = "Description 5"),
)

val doneTasks = mutableStateListOf<Task>(
    Task(id = "task_3", title = "Task 3", description = "Description 3"),
)

同时优化moveTask方法，用ID来精准匹配和移除任务，避免对象引用的问题：

fun moveTask(
    task: Task,
    from: QueueType,
    to: QueueType
) {
    // 用ID匹配移除，确保不会误删其他任务
    when(from) {
        QueueType.TodoQueue -> todoTasks.removeIf { it.id == task.id }
        QueueType.InProgressQueue -> inProgressTasks.removeIf { it.id == task.id }
        QueueType.DoneQueue -> doneTasks.removeIf { it.id == task.id }
    }
    when(to) {
        QueueType.TodoQueue -> todoTasks.add(task)
        QueueType.InProgressQueue -> inProgressTasks.add(task)
        QueueType.DoneQueue -> doneTasks.add(task)
    }
}

2. 给TaskCard添加唯一Key，阻止组件复用错位

在QueueTask的tasks.forEach循环里，给每个TaskCard加上key，用任务的唯一ID作为标识，这样Compose就能准确识别每个列表项，不会在重组时复用错误的组件状态：

tasks.forEach { task ->
    TaskCard(
        task = task,
        queueType = queueType,
        modifier = Modifier
            .padding(vertical = 4.dp)
            .key(task.id) // 新增关键key，绑定任务唯一ID
    )
}

这一步是解决拖拽数据错位的核心——没有key的话，Compose会把新任务塞进旧组件的壳里，导致拖拽源的localState还是旧任务的数据。

3. 可选优化：同一队列拖拽的无效操作拦截

如果你想避免把任务拖到同一队列时的无效操作，可以在onTaskDrop里加个判断：

// 以To Do队列的onTaskDrop为例
onTaskDrop = { task, fromQueueType ->
    if (fromQueueType != QueueType.TodoQueue) {
        viewModel.moveTask(task, fromQueueType, QueueType.TodoQueue)
    }
}

这样拖拽任务到同一队列时，不会执行移除再添加的冗余操作，体验更流畅。

修复效果验证 #

完成以上修复后：

• Scenario1中移动Task4到In Progress队列，不会再出现Task1重复的问题，拖拽源的localState会正确绑定当前任务；
• Scenario2中移动Task4到同一队列，要么没有冗余操作，要么逻辑正确不会出现无响应的情况。

备注：内容来源于stack exchange，提问作者Abdo21