[Flutter] How to create two widgets droppable in each other?

The idea is simple, imagine a Row with only two Containers side by side. One red and another blue.

If we wrap each Container with a Draggable we can now drag these containers.

But I want also to create a DragTarget in the same size and position of each container. So we can drag and drop the container blue for instance, in the red area and call a SetState() and render now the actual order.

We can use a list and reorder itens inside.

The point is: How we can put this DragTarget in front of a Container without block the container but still working to dropping?

Thank you!!!

Stack with draggable and dragtarget but if dragtarget is behind the container the drop method just no work and if we put in front we block the Container.

Continue reading...