Flutter Buttons | Most Popular Flutter Buttons

In Flutter, Buttons are very important UI components, It is used for various purposes such as triggering actions or navigating within the app. Most of the buttons belong to the Material theme. Material theme offers a variety of buttons, each button fits easily into Flutter applications

Here we have mention the most popular button category used in Flutter

ElevatedButton

This is the most common and easy to use button in Flutter application, earlier Raised buttons were used now raised buttons have been replaced by Elevated button

//Elevated Button

ElevatedButton( 
onPressed: () { 
// you can add your logic here
}, 
child: Text('Click me'), )

TextButton

Its border is not visible, rely on position and content

TextButton( onPressed: () { 
// you can add logic here 
}, 
child: Text('Click me'), )

OutlinedButton

It is just like a Text button with outline border

OutlinedButton( 
onPressed: () { 
// you can add logic here 
}, child: Text('Click me'), ) 

IconButton

It is in the form of button icon, generally we use it on app bar or at the place where button indicates its functionality like Icons.close

IconButton( 
onPressed: () { 
// Handle button press 

}, icon: Icon(Icons.star), )

FloatingActionButton

This button is very useful, if you want to show a button that appears above the widget then this button will be easily integrated,

FloatingActionButton(
 onPressed: () { 
// Add logic here
}, child: Icon(Icons.add), )

DropdownButton , ToggleButtons are also popular and useful in Flutter Applications