Flutter

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 手势抬起
上一篇 下一篇

猜你喜欢

热点阅读