Flutter - 检测屏幕上充满其他小部件的点击

Question

我正在尝试检测屏幕上的点击。我尝试了多种使用 GestureDetector 的变体但这只会导致应用程序检测 上的点击子元素和 不是屏幕 .

这是代码:

class QQHome extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        primaryColor: Colors.blueGrey,
      ),
      home: Scaffold(
        appBar: AppBar(
          centerTitle: true,
          title: Text('QuoteQuota'),
        ),
        body: GestureDetector(
          onTap: () => print('Tapped'),
          child: QQBody(),
        ),
      ),
    );
  }
}

class QQBody extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return Center(
      child: Text(
        'Hello, World!'
      ),
    );
  }
}

输出:当我点击“Hello, World!”时打印“tapped”。

预期输出:当我单击屏幕上的任何位置且文本位于中心时打印“tapped”。

我该怎么做呢？

Answer 1

使用 GestureDetector's behavior属性(property)及通行证HitTestBehavior.opaque到它，它可以识别整个屏幕并在您点击屏幕上的任何地方时检测点击。

body: GestureDetector(
          behavior: HitTestBehavior.opaque,
          onTap: () => print('Tapped'),
          child: QQBody(),
        ),

希望这能回答你的问题。