Flutter-GestureDetector的二维拖曳手势

在实际的拖拽手势开发当中，我们可能会接触二维拖拽手势。二维拖拽手势是指，同时实现水平和垂直方向上移动。

二维拖拽手势事件

简单的使用代码

Stack(
  children: <Widget>[
    Positioned(
      top: top,
      left: left,
      child: GestureDetector(
        onPanDown: (DragDownDetails e) {
          //打印手指按下的位置
          print("手指按下：${e.globalPosition}");
        },
        //手指滑动
        onPanUpdate: (DragUpdateDetails e) {
          setState(() {
            left += e.delta.dx;
            top += e.delta.dy;
          });
        },
        onPanEnd: (DragEndDetails e) {
          //打印滑动结束时在x、y轴上的速度
          print(e.velocity);
        },

        child: Container(
          width: 72,
          height: 72,
          decoration: BoxDecoration(
            color: Colors.blueAccent,
            borderRadius: BorderRadius.circular(36)
          ),
        ),
      ),
    )
  ],
)

这个是一个小球移动的Demo，感兴趣的小伙伴可以直接复制到编译器运行。