美文网首页Flutter
Flutter-手势探测器GestureDetector

Flutter-手势探测器GestureDetector

作者: 阿博聊编程 | 来源:发表于2022-06-14 19:57 被阅读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 手势抬起

    相关文章

      网友评论

        本文标题:Flutter-手势探测器GestureDetector

        本文链接:https://www.haomeiwen.com/subject/haozmrtx.html