Round button with text and icon in flutter

icons flutter
Daniel Mana picture Daniel Mana · Mar 23, 2018 · Viewed 142.7k times · Source

how to have a button with text and icon for the flutter?

I wanted to have a button which looks like icon with a text that is able to put at the bottom of the screen

For example, the icon is like at here: android-button-with-icon-and-text

enter image description here

Answer

ap14 picture ap14 · Jul 10, 2018

You can simply use named constructors for creating different types of buttons with icons. For instance

FlatButton.icon(onPressed: null, icon: null, label: null);
RaisedButton.icon(onPressed: null, icon: null, label: null);

But if you have specfic requirements then you can always create custom button with different layouts or simply wrap a widget in GestureDetector.

Related questions

How to add icon to AppBar in Flutter

If I have an AppBar like this: How do I add a clickable icon to it like this?

Read More
How to use image icon (from assets) instead of IconData and pagination bottomNavigationBar in Flutter

I am using bottomNavigationBar in my flutter project I'm new in flutter and have I no idea about pagination and use assets image icons instead of iconData. I searched about it for the last 2 days but not got satisfaction. Please …

Read More
How to add a browser tab icon (favicon) for a website?

I've been working on a website and I'd like to add a small icon to the browser tab. How can I do this in HTML and where in the code would I need to place it (e.g. header)? I …

Read More