title: How to implement rounded bottomAppbar in flutter?
body: <p>I want to create a rounded Bottomappbar like this one.
  <br/>Rounded BottomAppBar:</p>
  <p><a href="https://i.stack.imgur.com/u7oAg.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/u7oAg.png" alt="1" /></a></p>
  <p>But it appears like this... Coded BottomAppBar:</p>
  <p><a href="https://i.stack.imgur.com/VFtBZ.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/VFtBZ.png" alt="2" /></a>
  How do I get rid of that white portion?</p>
  <pre><code>    return ClipRRect(
        borderRadius: BorderRadius.only(
          topLeft: Radius.circular(25),
          topRight: Radius.circular(25),
          bottomRight: Radius.circular(25),
          bottomLeft: Radius.circular(25),
        ),
        child: Padding(
          padding: const EdgeInsets.only(bottom:20.0),
          child: BottomAppBar(
      
     shape: CircularNotchedRectangle(),
     child: new Row(
          
          mainAxisAlignment: MainAxisAlignment.spaceBetween,
          
          children: &lt;Widget&gt;[
            IconButton(
              icon: Icon(Icons.menu),
              color: Colors.white,
              onPressed: () {},
            ),
            IconButton(
              icon: Icon(Icons.search),
              color: Colors.white,
              onPressed: () {},
            ),
          ],
      ),
      color: Colors.blueGrey,
      ),
        )
      ); ```
  </code></pre>