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…
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…
UTC is a widely used standard for representing the time and ensures that your applications are functioning correctly across different time zones. In this tutorial, we will be exploring the process of converting the current date and time to the Coordinated Universal Time (UTC) format in Flutter. We use DateTime class for this purpose. You…
Sometimes we may want to convert a string to a DateTime object so that we can do further calculations on date and time easily. Let’s see how we do this in Flutter. If you are looking for how to show the current date in flutter then please check my blog post here. In flutter, we…
Everyone knows the importance of dates and time in mobile apps. In this blog post, let’s learn how to get the current date in Flutter. There’s a DateTime class in Dart that can be used to get the current date and time. This will give us the output as follows. 2020-10-18 20:39:17.566238 Most of the…