Flutter中GestureDetector点击事件有时不响应

最新推荐文章于 2024-09-25 14:13:30 发布

原创最新推荐文章于 2024-09-25 14:13:30 发布 · 1.8k 阅读

3 ·

CC 4.0 BY-SA版权

文章标签：

#flutter

本文介绍了一个关于Flutter中使用GestureDetector遇到的问题：某些区域点击事件无法响应。通过为Container组件添加背景色使其成为渲染的一部分，从而解决了空白区域无法触发点击事件的问题。

String showText = "点我试试";
GestureDetector(
   onTap: () {
    setState(() {
       showText = "我被点击了";
     });
   },
   child: Container(
      height:300,
      child: Text(showText),
    )
);

表面看没啥问题，但是实际应用的过程中发现有时点击一些地方不响应，最后得出结论是有文字的地方可以响应事件，空白的地方不可以

应该部分镂空的组件无法响应点击事件，给相应的组件加个背景色，加个背景色让其成为渲染的一部分，让其响应点击事件

String showText = "点我试试";
GestureDetector(
   onTap: () {
    setState(() {
       showText = "我被点击了";
     });
   },
   child: Container(
      color: Colors.white,
      height:300,
      child: Text(showText),
    )
);