flutter 拖拽布局_Flutter 史上最牛拖动控件 Draggable

不多说，我们肯定遇到过这个需求：

把一个控件从当前位置移动到另一个位置。可能需求最多的就像是支付宝应用页面的编辑：

比如，我想把最近使用的 红包 添加到 我的应用 当中，支付宝这里是用的 + 号。

那如果产品说我就想让它拖过去，这可咋整？

不慌，Flutter 也为我们提供了相关的 Widget。

Draggable

Flutter 如果要实现这种效果，那么非 Draggable 不可。

照例我们查看官方文档。

A widget that can be dragged from to a DragTarget.

可拖动到 DragTarget 的小部件。

复制代码

那也就是说，除了 Draggable ，还有一个 DragTarget。

DragTarget 是用来接收我们拖过去的 Widget 的，我们后面再说。

先说Draggable。

在官方文档找了一圈没发现Demo，那没办法了，直接开撸。

先看构造函数：

class Draggable extends StatefulWidget{

/// Createsawidget that can be dragged toa[DragTarget].

///

/// The [child] and [feedback] arguments must not be null. If

/// [maxSimultaneousDrags] is non-null, it must be non-negative.

const Draggable({

Key key,

@required this.child,

@required this.feedback,

this.data,

this.axis,

this.childWhenDragging,

this.feedbackOffset = Offset.zero,

this.dragAnchor = DragAnchor.child,

this.affinity,

this.maxSimultaneousDrags,

this.onDragStarted,

this.onDraggableCanceled,

this.onDragEnd,

this.onDragCompleted,

this.ignoringFeedbackSemantics = true,

}) : assert(child != null),

assert(feedback != null),

assert(ignoringFeedbackSeman