How to set Gradient Background for Floating Action Button in Flutter

Gradients have the ability to make UI components fancier. In this blog post, let’s check how to add a Floating Action Button with a gradient background in Flutter. The FloatingActionButton widget doesn’t have a direct property to create a gradient background. So, we should look for adding another widget that supports a gradient background. The … Read more

How to add Floating Action Button with Icon and Text

The Floating Action Button (FAB) is one of the commonly used components in material design. Usually, the FAB has icons only. In this tutorial, let’s learn how to add Floating Action Button with icon and text in Flutter. The FloatingActionButton class has a constructor – FloatingActionButton.extended that can be used to add icon and text … Read more

How to add Border to Floating Action Button in Flutter

A Floating Action Button is one of the commonly used button components of Material design. In this blog post, let’s learn how to add a border and change the border color of the Floating Action Button in Flutter. The FloatingActionButton widget has the shape property that helps to change the shape. We can use the … Read more

How to change Floating Action Button Shape in Flutter

FloatingActionButton (FAB) is one of the important button widgets in Flutter. In this blog post, let’s learn how to change the shape of the Floating Action Button in Flutter. The FloatingActionButton widget has many properties for style customization. Its shape property helps you to change the default shape of FAB. You can even add a … Read more

How to change Floating Action Button Position in Flutter

The Floating Action Button or FAB is an important button widget in Flutter. In this blog post, let’s learn how to change the position of the Floating Action Button in Flutter. By default, the position of the FloatingActionButton is bottom right. You can change the default FAB position using the floatingActionButtonLocation property of Scaffold. See … Read more

How to change Floating Action Button Size in Flutter

The FloatingActionButton is one of the important button widgets in Flutter. In this blog post, let’s learn how to change the Floating Action Button size in Flutter. By default, the FloatingActionButton widget has a medium size. Flutter Floating Action Button Small Size If you want a FAB with a smaller size than the default size … Read more

How to change Floating Action Button Elevation in Flutter

The elevation of a component is the distance from the underneath surface. Visually, the elevation results in shadows. In this blog post, let’s check how to change the Floating Action Button elevation in Flutter. The FloatingActionButton widget has various properties for customization. One among them is elevation. You can change the FAB elevation using it. … Read more

How to Remove Floating Action Button Shadow in Flutter

A Floating Action Button or FAB is a button that is intended for actions with high significance. As a UI element, the style of FAB is also important. In this Flutter tutorial, let’s check how to remove the shadow of the Floating Action Button. By default, FAB has some elevation and that’s the reason for … Read more

How to Add Floating Action Button in Flutter

The Floating Action Button, fab, is an important component of the material design user interface. It is a circular button that usually floats above the right bottom of the screen. A fab is used for triggering primary actions such as create, edit, etc. In this blog post, let’s learn how to create a floating action … Read more