Flutter-手势探测器的长按事件

配图来自网络,如侵必删

我们在接触到FlutterGestureDetector之后,肯定会想实现长按事件的需求。这篇博客来分享GestureDetector的长按事件,希望对看文章的小伙伴有所启发。

长按事件的属性

事件API 事件描述
onLongPress 手指在屏幕长按一定时间后触发的事件
onLongPressStart 长按事件的开始
onLongPressEnd 长按事件的结束
onLongPressMoveUpdate 长按事件中的手指移动触发的回调

长按主要有4种事件,我们可以监听。下面是简单的使用代码示例:

GestureDetector(
        onLongPress: () {
          print('onLongPress 长按事件');
        },
        onLongPressStart: (LongPressStartDetails details) {
          print('长按在' + details.globalPosition.toString() + "位置上开始发生");
        },
        child: Container(
          width: 100,
          height: 100,
          color: Colors.redAccent,
          child: const Text(
            '长按',
            style: TextStyle(
              color: Colors.white,
            ),
          ),
        ),
      ),

这个代码是可以直接复制到编译器使用的,在使用onLongPressStartonLongPressEndonLongPressMoveUpdate的长按事件的需要使用到LongPressXXXDetails对象。

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容