title: Custom AppBar Flutter
body: <p>Im trying to achieve something like the following, 
  <a href="https://i.stack.imgur.com/xRIAc.png" rel="noreferrer"><img src="https://i.stack.imgur.com/xRIAc.png" alt="enter image description here"></a></p>
  
  <p>I'm very new to flutter so I couldn't figure it out.
  I need a custom AppBar with drawer and actions but arranged like the image.</p>
  
  <p>I tried a StackView in the title widget</p>
  
  <pre><code>appBar: AppBar(
      title: Stack(
        children: &lt;Widget&gt;[
          Container(
            width: double.infinity,
            color: CustomColors.accentColor,
          ),
          Text(
            'Title',
            style: TextStyle(fontSize: 22.0, color: CustomColors.primaryDark),
          ),
        ],
      ),
    ),
  </code></pre>
  
  <p>But I get something like this
  <a href="https://i.stack.imgur.com/UQW46.png" rel="noreferrer"><img src="https://i.stack.imgur.com/UQW46.png" alt="enter image description here"></a></p>
  
  <p>Can someone help me out? Thank you.</p>