title: How to have Text with Icon in center Flutter?
body: <p>I am using a package <a href="https://pub.dev/packages/fab_circular_menu" rel="nofollow noreferrer">fab_circular_menu</a>, That package is for an animated floating action button which opens up a circular menu. within it I want a widget as a menu item such that there is an icon and a text below. the icon is centered with text.</p>
  
  <p>e.g. </p>
  
  <p><a href="https://i.stack.imgur.com/O02ae.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/O02ae.png" alt="Icon with text centered"></a></p>
  
  <p>How can I achieve this, as of now I am using the code below but it does not work well with different screen size.</p>
  
  <pre><code>FlatButton(
   splashColor: Colors.transparent,
   highlightColor: Colors.transparent,
   shape: RoundedRectangleBorder(
          borderRadius: BorderRadius.circular(100),
   ),
   padding: EdgeInsets.only(bottom: 15),
   onPressed: () async {
     await _auth.signOut().then((value) {
     Navigator.of(context).popUntil((route) =&gt; route.isFirst);
     });
   },
   child: Stack(
         overflow: Overflow.visible,
         children: &lt;Widget&gt;[
                  Icon(Icons.power_settings_new),
                    Positioned(
                      bottom: -12,
                      right: -10,
                      child: Text('Logout'),
                    ),
                  ],
        ),
   ),
  </code></pre>