Flutter GestureDector点击空白区域不响应

GestureDector点击空白区域不响应

  • 当GestureDector嵌套Container时,当Container子组件为Text时,点击空白区域不响应点击事件

     GestureDetector(
        onTap: () {
            print("click");
        },
        child: Container(
            height:100,
          	width:100,
            child: Text("click me"),
        )
    ) 
    

    此时只能点击文字部分才会响应事件。

  • 解决办法:给container一个背景色,让其成为渲染的一部分,就可以响应点击事件了

    GestureDetector(
        onTap: () {
            print("click");
        },
        child: Container(
          	color:Colors.transparent,
            height:100,
          	width:100,
            child: Text("click me"),
        )
    ) 
    
posted @ 2021-11-18 14:16  R1cardo  阅读(66)  评论(0编辑  收藏  举报