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

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

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

有兴趣可以去看官方文档

https://flutterchina.club/gestures/

GestureDetector点击 组件的源码中的behavior 属性

 

三个内容 枚举 值

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

  

//方法2
 
...
 
InkWell(
    onTap:(){},
    child: Container(
                              color:Colors.transparent,//透明颜色
                              child: GestureDetector(
 
                              onTap:(){
                                print("___test");
                                print("---");
                              },
                              child: Text("点击",
                              style:TextStyleConstant().blue_16,
                              ),
                              ),
     ),
)
 
....

原文地址:https://www.cnblogs.com/tianmiaogongzuoshi/p/14075686.html