title: How to get the following Stacked layout scrollable in flutter
body: <p>I am trying to achieve the below layout:
  <a href="https://i.stack.imgur.com/A7jqM.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/A7jqM.jpg" alt="enter image description here" /></a></p>
  <p>I have my body widget as follows:</p>
  <pre><code>body: SingleScrollChildView (
    child:    Stack(
                 clipBehavior: Clip.none,
                 children: [
                   _parallaxHeader(context, product),
                     Positioned(
                       top: MediaQuery.of(context).size.height /
                                                  2.1,
                        child: Container(
                               width: MediaQuery.of(context)
                                                  .size
                                                  .width,
                                            
                              decoration: BoxDecoration(
                                                color: Theme.of(context)
                                                    .backgroundColor,
                                                borderRadius: BorderRadius.only(
                                                    topRight:
                                                        Radius.circular(20.0),
                                                    topLeft:
                                                        Radius.circular(20.0)),),
                             child: Wrap(
                                 children: [
                                  MiddlePadWidget()
                                 ....
  ])
  
  ),
  )
  </code></pre>
  <p>I want the whole widget scrollable because the positioned widget has more content to reveal. I can't seem to get this right.</p>
  <p>So how can I achieve this layout while making sure the whole widget is scrollable?</p>