title: Flutter: subtract status bar height from AppBar
body: <p>I have moved my <code>AppBar</code> downwards but now it's height is too big. I want to know how I can subtract the status bar's height from my <code>AppBar</code>'s height. Here is what it looks like at the moment:</p>
  
  <p><a href="https://i.stack.imgur.com/ycvOn.png" rel="noreferrer"><img src="https://i.stack.imgur.com/ycvOn.png" alt="enter image description here"></a></p>
  
  <p>Here is how you can set the <code>AppBar</code>'s height:</p>
  
  <p><a href="https://stackoverflow.com/questions/51089994/flutter-setting-the-height-of-the-appbar">Flutter: Setting the height of the AppBar</a></p>
  
  <p>Here is how you can get the status bar height:</p>
  
  <p><a href="https://stackoverflow.com/questions/49441187/how-or-where-do-i-change-the-system-status-bar-flutter-framework?rq=1">How or where do I change the system status bar Flutter framework</a></p>
  
  <pre><code>final double statusBarHeight = MediaQuery.of(context).padding.top;
  return new Padding(
        padding: new EdgeInsets.only(top: statusBarHeight),
        child: content
  );
  </code></pre>
  
  <p>I just don't know how to put these pieces together (I am very new to Flutter so please explain the answer well)</p>