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.
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.
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.
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.
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.
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.