'Flutter screen size without AppBar and BottomNavigationBar

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!

flutter flutter-layout

Solution 1:^[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);

Solution 2:^[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

Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution	Source
Solution 1
Solution 2	Jeremy Caney

'Flutter screen size without AppBar and BottomNavigationBar

Solution 1:[1]

Solution 2:[2]

Sources

Related Questions

Solution 1:^[1]

Solution 2:^[2]