Flutter-手势探测器GestureDetector
2022-06-14 本文已影响0人
阿博聊编程
配图来自网络,如侵必删
在Flutter开发中,我们肯定会遇到手势探测的需求。遇到这种需求,我们就需要对GestureDetector有一定的了解,这篇博客分享GestureDetector相关的知识,希望对小伙伴们有所帮助。
GestureDetector
GestureDetector,中文名称是手势探测器,主要用于捕获用户与屏幕的事件,属于无状态的组件。这个组件没有高度和宽度,我们可以用它来包裹其他组件。
这个组件可以帮助我们检测子组件的事件,比如:单击、双击、长按事件,都会有相应的函数回调。详情可以看下面的示例代码:
GestureDetector(
onTap: () {
print('onTap');
},
child: Container(
width: 100,
height: 100,
color: Colors.redAccent,
child: const Text(
'点击',
style: TextStyle(
color: Colors.white,
),
),
),
),
简单的使用示例就是这样的,可以复制直接使用。控制器单击事件属性的主要有几种:
| 事件API | 事件的表述 |
|---|---|
| onTap | 单击 |
| onDoubleTap | 双击 |
| onTapCancel | 手势取消 |
| onTapDown | 按下的手势 |
| onTapUp | 手势抬起 |