I have moved my `AppBar` downwards but now it's height is too big. I want to know how I can subtract the status bar's height from my `AppBar`'s height. Here is what it looks like at the moment:

[![enter image description here](https://i.stack.imgur.com/ycvOn.png)](https://i.stack.imgur.com/ycvOn.png)

Here is how you can set the `AppBar`'s height:

[Flutter: Setting the height of the AppBar](https://stackoverflow.com/questions/51089994/flutter-setting-the-height-of-the-appbar)

Here is how you can get the status bar height:

[How or where do I change the system status bar Flutter framework](https://stackoverflow.com/questions/49441187/how-or-where-do-i-change-the-system-status-bar-flutter-framework?rq=1)

```
final double statusBarHeight = MediaQuery.of(context).padding.top;
return new Padding(
      padding: new EdgeInsets.only(top: statusBarHeight),
      child: content
);

```

I just don't know how to put these pieces together (I am very new to Flutter so please explain the answer well)