title: Sizing a container to exact half the screen size in flutter
body: <p>I am trying to get a container to be exactly half the screen height[after considering the AppBar height] and half the screen width.</p>
  
  <p>This is what I came up with...</p>
  
  <pre><code>class App extends StatelessWidget {
    @override
    Widget build(BuildContext context) {
      return Scaffold(
        appBar: AppBar(),
        body: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: &lt;Widget&gt;[
            Flexible(
              child: Container(
                width: MediaQuery.of(context).size.width / 2,
                color: Colors.red,
              ),
            ),
            Flexible(
              flex: 1,
              child: Container(),
            )
          ],
        ),
      );
    }
  }
  </code></pre>
  
  <p>Is there a better way?
  <a href="https://i.stack.imgur.com/FV1jy.png" rel="noreferrer"><img src="https://i.stack.imgur.com/FV1jy.png" alt="current layout"></a></p>