Flutter 没有 AppBar 和 BottomNavigationBar 的屏幕尺寸

Question

I am trying to get the exact size of the screen without taking into account the AppBar and BottomNavigationBar

Here is the code:

double screenSize = MediaQuery.of(context).size.height;
double height = screenSize - kToolbarHeight - kBottomNavigationBarHeight;
  return SingleChildScrollView(
    child: Column(
      children: [
        SizedBox(
          height: height / 2,
          child: Container(
            color: Colors.red,
          ),
        ),
        SizedBox(
          height: height / 2,
          child: Container(
            color: Colors.blue,
          ),
        ),
      ],
    ),
  );

By doing this I am getting a height that is slighly bigger than the actual screensize withouth AppBar and BottomNavigationBar

In the screenshots below you can see how I can scroll a little bit

How can I calculate the exact height of that screen area?

Thanks for reading me and helping!

Answer 1

Getting width is easy but height can be tricky, Please follow steps it will help you..

   double heightWithoutappBarNavBar = MediaQuery.of(context).size.height - (kBottomNavigationBarHeight + kToolbarHeight);

Answer 2

This should do it.

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

I think there is a default top padding you have to remove