Types Of Buttons In Flutter

Types Of Buttons In Flutter

Buttons are the graphical control element which provides a user to launch events like taking actions, making choices and searching things. They can be placed anywhere in our UI as dialogs, forms, cards and toolbars. Buttons are the Flutter widgets and they are a part of the material design library. Flutter has several types of buttons and let us consider some of them.

1. RaisedButton

This widget is a button that has a raised effect when clicked. The effect of the “raised” button is created due to the depth of the shadows. When pressed, it rises – the shadow becomes larger and more blurry, creating the effect that the button has become closer to us.

2. DropDownButton

DropDown button lets you to select from a number of items. It shows the currently selected item as well as an arrow that opens a menu for selecting another item.

3. FlatButton

A flat button is a text displayed on a Material widget that reacts to touches. You can use flat buttons on toolbars, in dialogs, or embedded with other content.

4. Floating Action Button

A floating action button is a circular icon button that floats over content to promote a primary action in the application. They are most commonly used in the Scaffold.floatingActionButton field.

5. IconButton

An icon button is a picture printed on a Material widget that reacts to touches by filling with color. You can also customize the look and touch effects for the button.

6. OutlineButton

It has a thin grey rounded rectangle border. The outline button’s border shape is defined by shape and its appearance is defined by borderSide, disabledBorderColor, and highlightedBorderColor.


Recommended Articles