title: Using a SliverFillRemaining with a CustomScrollView and SliverList
body: <p>I'm trying to create a scrolling list that can have a footer at the bottom of the scrolling list. If the list does not fill up all of the vertical screen space, the footer will need to shift down to the bottom of the page.  </p>
  
  <p>I tried implementing this with a <code>SliverList</code> and <code>SliverFillRemaining</code> in a <code>CustomScrollView</code> but the <code>SliverFillRemaining</code> shows some unexpected behavior I believe. It fills up more space than needed (see gif).  </p>
  
  <p>I used the following piece of code to create this list:</p>
  
  <pre><code>child: new CustomScrollView(
    slivers: &lt;Widget&gt;[
      new SliverList(
        delegate: new SliverChildBuilderDelegate(
          (BuildContext context, int index) {
            return new Card(
              child: new Container(
                padding: new EdgeInsets.all(20.0),
                child: new Center(child: new Text("Card $index")),
              ),
            );
          },
          childCount: 3,
        ),
      ),
      new SliverPadding(
        padding: new EdgeInsets.all(5.0),
      ),
      new SliverFillRemaining(
        child: new Container(
          color: Colors.red,
        ),
      )
    ],
  )
  </code></pre>
  
  <p><a href="https://i.stack.imgur.com/NBXip.gif" rel="noreferrer"><img src="https://i.stack.imgur.com/NBXip.gif" alt="Image showing what is wrong with the listview"></a></p>