title: Flutter - Detect Tap on the Screen that is filled with other Widgets
body: <p>I am trying to detect a tap on the screen. I've tried multiple variation of using the <code>GestureDetector</code> but that just leads to the app detecting tap on the <strong>child element</strong> and <strong>not the screen</strong>.</p>
  
  <p>Here is the code:</p>
  
  <pre><code>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: () =&gt; print('Tapped'),
            child: QQBody(),
          ),
        ),
      );
    }
  }
  
  class QQBody extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
      return Center(
        child: Text(
          'Hello, World!'
        ),
      );
    }
  }
  </code></pre>
  
  <p>Output: "tapped" printed when I click "Hello, World!".</p>
  
  <p>Expected Output: "tapped" printed when I click anywhere on the screen with Text in the Center.</p>
  
  <p>How do I do this?</p>