title: Flutter overlap multiple widgets with dynamic height using Stack or any other approach
body: <p>Flutter is a fairly new framework as of today and there are many setbacks when it comes to flexible design. What I want to achieve can be demonstrated easier by images.</p>
  <p>As you see when the tiles have a border-radius such as in the images they have to overlap in order not to leave empty space like in the first image. I achieved this using the 'Stack' widget of course by giving fixed height for the widget above and fixed top padding for the following widget in a loop so that I got the view in the 2nd and 3rd images. However, this approach prevents me from using dynamic sizes within each widget because I cannot get the height of the previous widget in the build-time.</p>
  <p>Has anyone faced this kind of UI pattern or a similar one that can help me with this case? I appreciate any collaboration on this.</p>
  <p><a href="https://i.stack.imgur.com/RO7pQ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/RO7pQ.png" alt="simple widgets" /></a></p>
  <p><a href="https://i.stack.imgur.com/bHPMk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/bHPMk.png" alt="overlapping widgets" /></a></p>
  <p><a href="https://i.stack.imgur.com/K0uCM.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/K0uCM.png" alt="overlapping widgets with upper radius" /></a></p>