GestureDetector 仅检测内部小部件上的点击

如何解决GestureDetector 仅检测内部小部件上的点击

当我点击屏幕上的任意位置时，我需要我的应用将背景颜色更改为任何随机颜色。我试图使用 GestureDetector，但它只有在我点击文本时才有效，我不明白为什么会这样。

class _MyAppState extends State<MyApp> {
Color _color;

void changeColor() {
setState(() => _color = Colors.primaries[Random().nextInt(Colors.primaries.length)]);
}



@override
Widget build(BuildContext context) {
return Scaffold(
  body: GestureDetector(
  onTap: () => changeColor(),child: Container(
    color: _color,child: Center(
      child: Text('hey there'),),);
}
}

解决方法

只需将行为添加为不透明，这将允许它检测到孩子之外的手势。

@override
Widget build(BuildContext context) {
return Scaffold(
  body: GestureDetector(
  behavior: HitTestBehavior.opaque,onTap: () => changeColor(),child: Container(
    color: _color,child: Center(
      child: Text('Hey there'),),);
}

,

将 behavior: HitTestBehavior.translucent 添加到您的 GestureDetector

 body: GestureDetector(
                behavior: HitTestBehavior.translucent,// add this
              onTap: () => changeColor(),child: Container(
                color: _color,child: Center(
                  child: Text('Hey there'),