The Card widget is a useful widget to display information neatly in Flutter. In this Flutter tutorial, let’s learn how to set a gradient background for a Card. There’s no direct way to set the gradient background in the Card widget. So, we should make use of the Container widget and the BoxDecoration class. You…
The Card is one of the useful UI components in the mobile app. It helps to display information in a convenient way. In this blog post, let’s learn how to set a Card background image in Flutter. The Card widget doesn’t have a property for this. Hence, we should add a widget that supports setting…
The Card widget is a useful UI component to display information in Flutter. In this blog post, let’s learn how to set a fixed size for a Card in Flutter. The Card widget doesn’t have properties for setting width and height. Hence we should wrap the card content with a SizedBox to define the size….
The cards are very useful to show information in mobile apps. In this blog post, let’s learn how to add a Card with image and text in Flutter. You can create a card using the Card widget. Here, we use ListTile class as the child. It helps to accommodate an image and text easily in…
The Card widget is one of the most used widgets in Flutter. Sometimes, we may want to make the whole card clickable. In this Flutter tutorial, let’s learn how to make a Card clickable. Making a Card clickable is not a difficult task. All you need to use is the InkWell widget and nest your…
A Card widget is generally used to show information to users. Hence, it’s important to make the Card looks neat and beautiful. In this blog post, let’s learn how to add a Flutter Card with a border. You can add borders to the Card widget using the shape property. Making use of RoundedRectangleBorder class helps…
The Card widget helps to create a card-like template to accommodate other widgets. In this blog post, let’s learn how to set border radius for a Card in Flutter. Even though the Card comes with a default border radius, you may want to tweak it for further customization. You can do it by making use…
The Card is an important component in Material UI design. In this blog post, let’s learn how to change the shadow color of a Card in Flutter. The shadows around the Card widget are caused by the elevation. The Card has some useful properties and shadowColor is one among them. You can use the shadowColor…
The Card widget is one of the commonly used widgets in Flutter. In this blog post, let’s check how to change the elevation to the Card easily in Flutter. The elevation is the distance from the surface and it decides the size of the shadows too. Hence, increasing elevation causes an increase in the shadows….
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…