[FIXED] How to get AppBar height in Flutter


How can I get the height of an AppBar in Flutter?
I am using the MarialApp Widget (‘package:flutter/material.dart’).

I have the height of my Context and would like to deduct the height of the appbar.

final double height = MediaQuery.of(context).size.height;


This is not an ideal way, I think, but it will work.

Firstly declare the AppBar widget that you will use in your Scaffold.

Widget demoPage() {
  AppBar appBar = AppBar(
    title: Text('Demo'),
  return Scaffold(
    appBar: appBar,
    body: /*
    page body

Now you can get the height of your appBar using its preferredSized:

double height = appBar.preferredSize.height;

You can use this height to reduce from the screen height.

final double height = MediaQuery.of(context).size.height;

Answered By – ap14

Answer Checked By – Willingham (Easybugfix Volunteer)

Leave a Reply

(*) Required, Your email will not be published