配图来自网络，如侵必删
相信在方法当中，我们都会遇到让组件有拖拽效果的需求。在Flutter当中怎么实现拖拽需求呢？这篇博客分享关于拖拽手势的知识，希望对看文章的小伙伴有所启发。
拖拽手势
拖拽手势是指用户在长按屏幕的时候，移动手指的手势。会细分成：
- 按下；
- 移动；
- 抬起。
我们可以理解成用户在触碰到屏幕的那一刻处于按下，之后有可能触发移动手势，最后抬起离开屏幕，这就是完整的手势。
在GestureDetector当中，拖拽手势分为2种：
- 垂直拖拽手势；
- 水平拖拽手势。
垂直拖拽手势事件
| 手势事件 | 事件说明 |
|---|---|
| onVerticalDragDown | 用户按下屏幕准备在垂直方向上移动 |
| onVerticalDragStart | 用户接触屏幕之后开始垂直方向移动 |
| onVerticalDragUpdate | 用户在屏幕垂直移动之后抬起 |
| onVerticalDragEnd | 用户在屏幕上垂直移动，抬起手指的时候触发 |
| onVerticalDragCancel | 用户在屏幕上的垂直移动突然停止触发 |
水平拖拽手势事件
| 手势事件 | 事件说明 |
|---|---|
| onHorizontalDragDown | 用户按下屏幕准备在水平方向上移动 |
| onHorizontalDragStart | 用户接触屏幕之后开始水平方向移动 |
| onHorizontalDragUpdate | 用户在屏幕水平移动之后抬起 |
| onHorizontalDragEnd | 用户在屏幕上水平移动，抬起手指的时候触发 |
| onHorizontalDragCancel | 用户在屏幕上的水平移动突然停止触发 |
网友评论