title: Flutter - how to align badge icon in toolbar?
body: <p>I use <a href="https://pub.dev/packages/badges" rel="nofollow noreferrer">badges package</a> in my flutter app.  This is my code:</p>
  
  <pre><code>appBar: AppBar(
    title: Text("test"),
    actions: &lt;Widget&gt;[
      IconButton(
        icon: Icon(Icons.search),
        onPressed: () {},
      ),
      Badge(
        position: BadgePosition.topRight(top: 0, right: 2),
        animationDuration: Duration(milliseconds: 300),
        animationType: BadgeAnimationType.slide,
        badgeContent: Text(
          '7',
          style: TextStyle(color: Colors.white),
        ),
        child: IconButton(icon: Icon(Icons.shopping_cart), onPressed: () {}),
      ),
    ],
  )
  </code></pre>
  
  <p>This is my result:</p>
  
  <p><a href="https://i.stack.imgur.com/jQYX7.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/jQYX7.png" alt="enter image description here"></a></p>
  
  <p>But Icons are not aligned vertically.
    I want to vertically align the cart icon. so that it is on the same level as the title and the search icon.</p>
  
  <p><a href="https://i.stack.imgur.com/7Z5Nh.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/7Z5Nh.png" alt="enter image description here"></a></p>
  
  <p>How can I fix this?</p>