flutter用GestureDetector实现点击事件时,空白区域点击无效

今天遇到一个问题,自定义列表的行,点击事件用GestureDetector包裹的Container,加了一些其他的控件,但是当我点击条目时,发现只有点击文字或者图片的区域才能响应点击事件,其他区域捕捉不到onTap。

查了一下发现GestureDetector有个behavior属性,点进去,看一下,包括这三种模式


image.png

翻译一下就是:

当behavior选择deferToChild时,只有当前容器中的child被点击时才会响应点击事件;

当behavior选择opaque时,点击整个区域都会响应点击事件,但是点击事件不可穿透向下传递,注释翻译:阻止视觉上位于其后方的目标接收事件,所以我需要的这种效果直接将behavior设置为HitTestBehavior.opaque就可以了;

当behavior选择translucent时,同样是点击整个区域都会响应点击事件,和opaque的区别是点击事件是否可以向下传递,注释翻译:半透明目标既可以在其范围内接受事件,也可以允许视觉上位于其后方的目标接收事件。

简单来说这就是三种模式的区别了,具体使用场景还需要继续探索啦~

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