Flutter 如何启用和屏蔽点击事件(事件透传和防止透传)

AbsorbPointer 介绍
官方说明

/// A widget that absorbs pointers during hit testing.
一个可拦截子视图点击事件的Widget .

/// When [absorbing] is true, this widget prevents its subtree from receiving
/// pointer events by terminating hit testing at itself.
当 absorbing 属性值为 true 时 , AbsorbPointer 将用户的点击事件消耗掉不让其子组件接收到 .

///It still consumes space during layout and paints its child as usual.
AbsorbPointer 会占用布局的空间并包裹在子组件外面 .

/// It just prevents its children
/// from being the target of located events, because it returns true from
/// [RenderBox.hitTest].
AbsorbPointer 的作用就是控制子Widget 获取用户的点击事件 , 但不能将它作为点击事件的目标 .

首先,AbsorbPointer和IgnorePointer都可以用来拦截点击事件,AbsorbPointer通过absorbing可以响应事件
如下示例,可以接收到点击事件

AbsorbPointer(
      absorbing: false,
      child: RaisedButton(
          child: Text("button01"),
          onPressed: () {
            print("onclick");
          }),
    );

但是两者又有所不同,在嵌套事件中,AbsorbPointer会消费掉点击事件,不会穿透容器而向下传递,但是IgnorePointer却可以

absorbing 属性
在这里插入图片描述
IgnorePointer介绍
官方说明

/// A widget that is invisible during hit testing.
一个在接收到点击事件过程中不可见的Widget .

/// When [ignoring] is true, this widget (and its subtree) is
invisible to hit testing. 当 ignoring 属性值为true时 , IgnorePointer
在收到点击事件时是不可见的 .

It still consumes space during layout and paints its child as usual.
IgnorePointer 在收到点击事件后虽然不可见,但是会占用空间的,同时会完成子Widget的绘制 .

ignoring 属性
在这里插入图片描述

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值