在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 | 手势抬起 |
网友评论