title: How to create a 3 row Flutter layout with one dynamic height row
body: <p>I have currently problems to create a basic 3-row'ish page layout in Flutter.</p>
  
  <p>Two of the rows should have a fixed height and the remaining one should take the rest of the page's height.</p>
  
  <p>What would be the fitting Widget structure? I guess the <code>Expanded</code> one should be a part of it?</p>
  
  <p><strong>Pseudo XAML</strong></p>
  
  <pre><code>&lt;RowDefinitions&gt;
      &lt;RowDefinition Height="50" /&gt;
      &lt;RowDefinition Height="*" /&gt;
      &lt;RowDefinition Height="75" /&gt;
  &lt;/RowDefinition&gt;
  </code></pre>
  
  <p><strong>Wireframe</strong></p>
  
  <p><a href="https://i.stack.imgur.com/ebGkN.png" rel="noreferrer"><img src="https://i.stack.imgur.com/ebGkN.png" alt="Wireframe"></a></p>
  
  <p><strong>Current status</strong></p>
  
  <pre><code>  // Gets the fixed top column.
    static Row _topBackgroundColumn = new Row(
      children: &lt;Widget&gt;[
        Padding(
          padding: EdgeInsets.all(20),
          child: Image(
              image: AssetImage("assets/animation-bird-1.png"),
              height: 50,
              alignment: AlignmentDirectional.topStart,
          )
        )
      ],
    );
  
    static Container _contentContainer = new Container(
      alignment: Alignment.center,
      child: Center(
        child: Text("bla")
      ),
    );
  
    // Gets the fixed, image-heavy bottom column.
    static Container _bottomBackgroundColumn = new Container(
      child:
        Image(
          image: AssetImage("assets/background-bottom.png"),
          repeat: ImageRepeat.repeatX,
          height: 50,
          alignment: Alignment.bottomCenter,
        )
    );
    static Container _pageContainer = new Container(
      child: Column(
        crossAxisAlignment: CrossAxisAlignment.stretch,
        verticalDirection: VerticalDirection.down,
        children: &lt;Widget&gt;[
          _topBackgroundColumn, // Container with an image
          _contentContainer, // Container with a label
          _bottomBackgroundColumn, // Container with an image
        ],
      ),
    );
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/Y1nRg.png" rel="noreferrer"><img src="https://i.stack.imgur.com/Y1nRg.png" alt="enter image description here"></a></p>