Border radius helps to adjust the corners and make them rounded and beautiful. In this tutorial, let’s learn how to change the TextField border radius in Flutter easily. The decoration property of the TextField widget is used to style the input. The InputDecoration and OutlineInputBorder help us to add borders to the TextField. You can…
The Text in Flutter is not selectable by default. So you have to choose the SelectableText widget to make the text selectable. In this Flutter tutorial, let’s check how to change the selection color of the text. The SelectableText widget can be used for single-style text whereas SelectableText.rich constructor should be used for text with…
Images are an integral part of a mobile app user interface. Sometimes, you may want to show a darkened image in your app. In this blog post, let’s learn how to darken an image in Flutter. The Image widget comes with many valuable properties. Using the color property and the colorBlendMode property you can easily…
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….