Flutter点击事件的穿透,父元素点击事件覆盖了子元素点击的问题

在web 中类似的情况的都被成为点击穿透事件

在flutter中 ，组件的嵌套 也存在类似情况，flutter中的所有点击事件 一层一层源码找 最终都是

有兴趣可以去看官方文档

https://flutterchina.club/gestures/

image

​

image.gif

GestureDetector 组件的源码中的behavior 属性

image.gif

image

​

image.gif

三个内容 枚举 值

image.gif

image

​

image.gif

方法1

...
InkWell(
   onTap: () {},
   child: GestureDetector(
                              behavior:HitTestBehavior.translucent,
                              onTap:(){
                                print("___test");
                                print("---");
                              },
                              child: Text("点击",

                              ),
  ),

);

...

image.gif

//方法2

...

InkWell(
    onTap:(){},
    child: Container(
                              color:Colors.transparent,//透明颜色
                              child: GestureDetector(

                              onTap:(){
                                print("___test");
                                print("---");
                              },
                              child: Text("点击",
                              style:TextStyleConstant().blue_16,
                              ),
                              ),
     ),
)

....

image.gif