title: How to create a custom stack in sliver appear in flutter?
body: <p>Hi Everyone I am creating a profile page for a flutter app.</p>
  
  <p>The SliverAppBar needs to show the below view when in the expanded state:</p>
  
  <p><a href="https://i.stack.imgur.com/1lAvj.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1lAvj.png" alt="Header with profile image in a RED circle"></a></p>
  
  <p>And below view when the user scrolls the silver list.</p>
  
  <p><a href="https://i.stack.imgur.com/g0v7h.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/g0v7h.png" alt="scrolled header with profile picture overflowing the header"></a></p>
  
  <p>As you see this is a custom stack that I can create.</p>
  
  <p>I don't know how to do it in slivers in a flutter.</p>
  
  <p>Any links would also be highly appreciated to learn in-depth about flutter and slivers especially.</p>
  
  <p>Code for the collapsed stack:</p>
  
  <pre><code>             Stack(
                    alignment: Alignment.topRight,
                    children: &lt;Widget&gt;[
                      Container(
                          margin: EdgeInsets.only(top: 12),
                          width: 2000,
                          height: 80,
                          decoration: BoxDecoration(boxShadow: [
                            BoxShadow(blurRadius: 5.0, color: Colors.black87)
                          ])),
                      Container(
                        margin: EdgeInsets.only(right: 20, top: 5),
                        decoration: BoxDecoration(
                            shape: BoxShape.circle,
                            boxShadow: [
                              BoxShadow(blurRadius: 5.0, color: Colors.black87)
                            ],
                            border: Border.all(color: Colors.cyan, width: 3.0)),
                        child: CircleAvatar(
                          backgroundImage: AssetImage(
                              "assets/images/food/avocado-f.jpg"),
  
                          radius: 50,
                        ),
                      )
                    ],
                  ),
  </code></pre>