title: Flutter custom scrolling with dynamic list
body: <p>have a question about flutter's <code>CustomScrollView</code></p>
  
  <p>What I have now is:</p>
  
  <pre><code>@override
  Widget build(BuildContext context) {
    return Container(
      child: CustomScrollView(
        shrinkWrap: true,
        slivers: &lt;Widget&gt;[
          SliverPadding(
            padding: EdgeInsets.all(0),
            sliver: SliverList(
              delegate: SliverChildListDelegate(
                &lt;Widget&gt;[
                  Card(),
                  Card(),
                  Container(
                    child: ListView.builder(
                      physics: const NeverScrollableScrollPhysics(),
                    ),
                  )
                ],
              ),
            ),
          ),
        ],
      ),
    );
  }
  </code></pre>
  
  <p>*code was simplified as it's an example.</p>
  
  <p>As you can see there are 2 <code>Cards()</code> and a <code>Container</code> with <code>ListView</code> inside. Both cards has fixed height, the container with list has dynamic height.
  How it works now: as ListView grow up we can scroll to the bottom of the list. So normally both <code>Card</code> widgets became invisible because <code>List</code>'s elements take all the screen.</p>
  
  <p>The idea is to force second <code>Card()</code> to be pinned to the top of the screen. So basically it's should be on it's own place, but with more and more scrolling it should be pinned to the top of the screen while I'm scrolling list more and more.
  The question is how can I do something like this?</p>
  
  <p>Thanks!</p>