Flutter Draggable 小部件，可以点击或拖动移动到 DragTarget

如何解决Flutter Draggable 小部件，可以点击或拖动移动到 DragTarget

我正在尝试创建一个小测试，允许用户单击或拖动 Draggable 或容器以将其移动到 DragTarget。我能想到的最好的例子是 Duolingo 如何允许他们的用户点击一个词并自动将它移动到句子的第一个位置到某个目标，然后应用程序检查序列是否正确。

对于那些不熟悉 Duolingo 如何使用它的人，我将在这里解释我想做什么。我想要 3 个 Draggables（称它们为 A、B 和 C）和 3 个 DragTargets。当一个字母被点击时，它将移动到最左边的空 DragTarget，然而，该字母也可以被拖动到该位置。如果在 DragTarget 内单击 Draggable，它将返回其原始位置，或者可以拖动它以与另一个已填充的 DragTarget 切换位置。

我希望这很好地解释了我的目标。如果没有，请询​​问更多详细信息，我可以尝试编辑并提供它们。

谢谢

解决方法

可行的是使用 onDragStarted: () {} voidCallback，它类似于按钮点击。您可以使用 A Stack() 并使用 AnimatedPositioned() 小部件包装 Draggables。可以使用 If 语句适当地确定要移动到哪个字段。