How to get AppBar height in Flutter?

Question

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 C

Answer 1

There is no need to store the AppBar instance, or to create a dummy one to get the height. Also, AppBar.preferredSize will always return the same value of 56.0, which is the standard of Material Design, and this value will not be always usable for some cases (it lacks the height of the status bar for example).

Since an AppBar is surely used with a Scaffold, IMHO, the smarter way to get the real AppBar height (the distance between the top of the device and the top of the Scaffold body) is to use:

double height = Scaffold.of(context).appBarMaxHeight;

With this, the computed height will include (independently of the platform):

• The status bar height
• The app bar height
• The bottom app bar widget height if any (ex. TabBar)

Hope this will help!

Answer 2

AppBar has a fixed height of 56.

You should create your own appbar implementing PreferredSizeWidget

class TestAppBar extends StatelessWidget implements PreferredSizeWidget {
  @override
  Widget build(BuildContext context) {
    return AppBar(
      title: Text('TEST'),
      centerTitle: true,
    );
  }

  @override
  Size get preferredSize => Size.fromHeight(34);
}

Answer 3

You can use this:

  @override
  final Size preferredSize; // default is 56.0

  WidgetAppBar({@required this.appBarTitle, @required this.appBarColor, Key key}) : preferredSize = Size.fromHeight(40), super(key: key);

Answer 4

Get body height:

MediaQuery.of(context).size.height - (MediaQuery.of(context).padding.top + kToolbarHeight)

I hope, this solution will also help you. Thanks to ask this question.

Answer 5

Just watch in AppBar

MediaQuery.of(context).padding.top + kToolbarHeight

Answer 6

You can get height of AppBar by using:

double height = appBar.preferredSize.height;

Make sure you have declared AppBar widget.