Why is the flutter MediaQuery starting from top of the screen

Question

When I am using the MediaQuery to resize a container, like this =>

height: MediaQuery.of(context).size.height - 100,

the subtraction or the resizing of the container starts from the bottom instead of from the top. Please someone should help me out

Answer 1

You could wrap it with Align. It happens because naturally Flutter draw the Widgets from Top Left.

Something like this:

Align(
  alignment: Alignment.bottomCenter,
  child: Container(
    height: MediaQuery.of(context).size.height - 100,
    color: Colors.white,
  ),
),