#Button - Guide to Solve different kinds of Problems (Page - 2)

Browse the beautiful apps built using Flutter

How to set Gradient Background on ElevetedButton in Flutter

How to set Gradient Background on ElevetedButton in Flutter

In this example, we are going to show you how to set gradient background on ElevatedButton in Flutter. We will use DecoratedBox() widget to set gradient background.

How to Make Double Press Back Button to Exit on Flutter App

How to Make Double Press Back Button to Exit on Flutter App

In this example, we are going to show you how to make double press the back button to exit the app on Flutter. We are not going to use any package to achieve this feature.

How to Implement Dropdown Menu on Elevated Button in Flutter

How to Implement Dropdown Menu on Elevated Button in Flutter

Elevated Button doesn’t have any dropdown implementation, but with a little trick, you can implement Dropdown Menu on Elevated Button using Dropdown Menu. In this example, we are going to show to add Dropdown menu on Elevated Button.

How to Add DropdownButton Items with Array List in Flutter

How to Add DropdownButton Items with Array List in Flutter

In this example, we are going to show you the easiest way to implement the dropdown button and add Menu Items from array List. We also show you the way to select value, set the initial value. See the example.

How to add Icon on Elevated Button in Flutter App

How to add Icon on Elevated Button in Flutter App

In this example code, we are going to show you the easiest way to add icon on Elevated Button. Icons are very important to represent the action of task of any widget inside app.

How to Disable/Enable Button (Elevated, Outline, IconButton) in Flutter App

How to Disable/Enable Button (Elevated, Outline, IconButton) in Flutter App

In this example, we are going to show the way to disable and enable programmatically buttons like Elevated, Outline, IconButton in Flutter Apps. See the example below to disable enable buttons in Flutter.

How to Notch Floating Action Button in Bottom Navigation Bar onFlutter App

How to Notch Floating Action Button in Bottom Navigation Bar onFlutter App

In this guide, we are going to show you the way to set a notched floating action button into bottom navigation app bar. The notched floating action button in bottom bar makes your app user interface beautiful.

How to Make Draggable and Expandable Floating Action Menu in Flutter

How to Make Draggable and Expandable Floating Action Menu in Flutter

In this example, we are going to make a draggable and expandable vertical Floating Action Button (FAB) menu in Flutter. Floating Action Button menus are important components for your app to integrate which helps to make the app more beautiful and interactive.

How to Make Floating Action Button Movable With Dragging in Flutter

How to Make Floating Action Button Movable With Dragging in Flutter

In Flutter, the Floating Action Button is not draggable by default. In this example, we are going to show you the best and easiest way to make a Floating Action Button Movable in Flutter App. See the example below to learn how to make the Floating Action button Draggable.

How to Change Background Color, Size, Border Radius of Elevated Button in Flutter

How to Change Background Color, Size, Border Radius of Elevated Button in Flutter

Learn to change background color, size, border radius, border widget, elevation, padding of elevated button in Flutter App.

How to Add Multiple Floating Action Buttons in One Screen in Flutter App

How to Add Multiple Floating Action Buttons in One Screen in Flutter App

The attribute ’floatingActionButton’ of Scaffold() widget allows you to add only one floating action button, but if you do a simple trick, you can achieve a single screen with multiple floating action buttons.