How to set Linear Progress Indicator Height in Flutter

Progress indicators are important UI components of a mobile app. In this Flutter tutorial, let’s learn how to set linear progress indicator height. The LinearProgressIndicator widget helps you to create a horizontal progress indicator in Flutter. It has a property named minHeight that helps to set height. See the following code snippet. You will get…

How to change Circular Progress Indicator Size in Flutter

The progress indicators are extremely useful UI components in a mobile app. In this blog post, let’s learn how to set the size for a circular progress indicator in Flutter. We use the CircularProgressIndicator widget to add circular indicators in Flutter. But it doesn’t have a direct property to change the size. Hence, we should…

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…

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…

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…

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…

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…

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…

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