We already know how to add an ElevatedButton in flutter and how to change the background color of the ElevatedButton. In this blog post, let’s check how to change the border color of an Elevated Button in Flutter. The style parameter and the styleFrom method should be used to change the default style of the…
Sometimes, we may want to show images in rounded shapes in our apps. One such example is the profile image of the user. In this Flutter tutorial, let’s check how to add a rounded image in Flutter. In the previous blog post, how to add an image with rounded corners we used the ClipRRect widget….
We already know how to add an ElevatedButton in flutter. A button with rounded corners is always beautiful to see. In this blog post, let’s check how to create an Elevated Button with rounded corners in Flutter. The style parameter and the styleFrom method should be used to create custom styles for the ElevatedButton. The…
Rounded corners are more beautiful than sharp corners. In this Flutter tutorial, let’s check how to add an image with rounded corners. I already have a blog post on adding rounded corners in Flutter. As mentioned there, we have to use ClipRRect class to create rounded corners. It’s very easy. We just need to make…
The ElevatedButton is the ready-to-go button for Flutter. I already have a blog post on adding ElevatedButton in flutter. Now, let’s check how to change the color of the elevated button in Flutter. By default, the ElevatedButton inherits the theme color. We can tweak the background color, as well as the foreground color of the…
Sometimes, the user interface of a mobile app can be complex. We may need to add custom shapes for design purposes. In this Flutter example, Let’s see how to create a round shape in flutter easily. You can create a circle in flutter easily using Container, BoxDecoration, and BoxShape widgets as given below. Following is…
Flutter has made the RaisedButton class obsolete and it recommends using ElevatedButton class. In this blog post, let’s check how to create a button using ElevatedButton class. An elevated button is a button that is based on the material design. Its elevation increases when the button is pressed. It has a default style and you…
Occasionally, we may want to have some blur effects on the background. In Flutter, adding a blur effect is an easy task. You just need to make use of the BackdropFilter widget. You can create a blur effect using BackdropFilter and ImageFilter as given below. Following is the complete Flutter blur effect example where the…
If you have worked with any apps with social feeds then you might have faced this issue. The images you receive from the server will have different heights and widths. As a mobile app developer, you may need to show them neatly with a fixed width and dynamic height. Let’s see how to display images…
If you have worked with any apps with social feeds then you might have faced this issue. The images you receive from the server will have different heights and widths. As a mobile app developer, you may need to show them neatly with a fixed width and dynamic height. Let’s see how to display images…
In this blog post, I am showing how to find the difference between two dates in Flutter. We have to make use of the DateTime class and its difference method for this purpose. We can define two dates using the DateTime class as given below. Now, you can get the difference using the difference method…
Adding and subtracting days to a specific date is not straightforward. Here, I am showing you how to add or minus days from a given date in Flutter. We have to make use of the DateTime class for this calculation purpose. We should also use methods such as add or subtract with the Duration class…