Flutter AbsorbPointer 与 IgnorePointer的区别_app

概述AbsorbPointer AbsorbPointer是一种禁止用户输入的控件，比如按钮的点击、输入框的输入、ListView的滚动等，你可能说将按钮的设置为null，一样也可以实现，是的，但Abs

AbsorbPointer

AbsorbPointer是一种禁止用户输入的控件，比如按钮的点击、输入框的输入、ListVIEw的滚动等，你可能说将按钮的onpressed设置为null，一样也可以实现，是的，但AbsorbPointer可以提供多组件的统一控制，而不需要你单独为每一个组件设置。

用法如下：

AbsorbPointer(  child: Row(    children: <Widget>[      Raisedbutton(onpressed: (){},),Raisedbutton(onpressed: (){},],)

默认情况下，这些按钮是否响应点击事件的，如果想要响应点击事件只需设置absorbing为false即可：

AbsorbPointer(  absorbing: false,...)

@H_419_25@IgnorePointer

IgnorePointer的用法和AbsorbPointer一样，而且达到的效果一样，用法如下：

IgnorePointer(  child: Row(    children: <Widget>[      Raisedbutton(onpressed: (){},)

区别

AbsorbPointer本身可以接收点击事件，消耗掉事件，而IgnorePointer无法接收点击事件，其下的控件可以接收到点击事件（不是子控件）。

如果有2个盒子，一个200x200的红色盒子，一个100x100的蓝色盒子，蓝色盒子位于红色盒子之上居中显示，给2个盒子添加点击事件，如下：

return Container(      height: 200,wIDth: 200,child: Stack(        alignment: Alignment.center,children: <Widget>[          Listener(            onPointerDown: (v) {              print('click red');            },child: Container(              color: colors.red,Listener(            onPointerDown: (v) {              print('click red');            },child: Container(              color: colors.blue,wIDth: 100,height: 100,);

点击蓝色盒子时，打印结果：

Flutter: click blue

点击蓝色盒子区域以外的红色盒子，打印结果：

Flutter: click red

此时用AbsorbPointer包裹蓝色盒子：

return Container(  height: 200,child: Stack(    alignment: Alignment.center,children: <Widget>[      Listener(        onPointerDown: (v) {          print('click red');        },child: Container(          color: colors.red,Listener(        onPointerDown: (v) {          print('click blue self');        },child: AbsorbPointer(          child: Listener(            onPointerDown: (v) {              print('click blue child');            },);

点击蓝色盒子，打印如下：