title: Flutter: seperate scrollable views in the same screen
body: <p><a href="https://i.stack.imgur.com/S5PuC.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/S5PuC.jpg" alt="enter image description here" /></a></p>
  <p>Hi, I want to have the similar scrollable widgets in one screen. I did research the SingleChildScrollView and NestedScrollView but I found they cannot have the result I want as the picture illustrated above. The scrollable items on the top is like a ListView while the large container below is more like a pageview that will scroll the whole container with 4 small containers to be swiped horizontally. Thanks a lot.</p>