title: Flutter: Transparent appbar is hiding content
body: <p>I have a transparent app bar that hides some of my content, because the content starts behind the app bar:</p>
  <p><a href="https://i.stack.imgur.com/zjOTB.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/zjOTB.png" alt="appbar hides content" /></a></p>
  <p>My <code>Scaffold</code> looks like this:</p>
  <pre><code>return Scaffold(
    extendBody: true,
    extendBodyBehindAppBar: true,
    appBar: getAppBar(),
    body: generateMainBody(context),
  );
  </code></pre>
  <p>If I would set <code>extendBodyBehindAppBar</code> to false it would work, however, the appbar would not be transparent anymore (when scrolling the area that is not part of that cool shape would be black and not transparent like in the screenshot).</p>
  <p>I thought of adding some top padding to just move the cut content down a little bit but surely there has to be a better solution?</p>