How to set Gradient Background for Card in Flutter

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 … Read more

How to set Background Image for Card in Flutter

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 … Read more

How to set Width and Height for Card in Flutter

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

How to create a Card with Image and Text in Flutter

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 … Read more

How to add Border to Card in Flutter

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 … Read more

How to change Card Border Radius in Flutter

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 … Read more

How to change Card Shadow Color in Flutter

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 … Read more

How to set Card Elevation in Flutter

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

How to add Margin to Card in Flutter

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 … Read more