The Card is one of the popular material widgets used in Flutter. It comes with some default margin, which is the space around the card. In this tutorial, let’s learn how to change the Card margin in Flutter. The default margin of the Card is 4.0 logical pixels. You can alter the margin using the…
The Card is one of the commonly used widgets in Flutter. In this blog post, let’s check how to change the default background color of the Card widget in Flutter. Adding a Card in Flutter is pretty simple. The Card widget has many properties to customize it. The color property helps you to set the…
A card is one of the popular components of material design. It’s simply a panel with slightly rounded corners and elevation. In this blog post, let’s learn how to add a basic card in Flutter. The Card widget in Flutter helps you to create a basic card layout. Then it’s up to you to add…
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…
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…
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…
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…
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…
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…
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…
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…
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….