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 elevated button inherits a blue color. We can tweak the default style using the style parameter and …
How to Change the Color of ElevatedButton in Flutter Read More »
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, Iet’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 which is based on the material design. It’s elevation increases when the button is pressed. It has a default style and you …
Occasionally, we may want to have some blur effects on background. In Flutter, adding blur effect is an easy task. You just need to make use of BackdropFilter widget. You can create blur effect using BackdropFilter and ImageFilter as given below. Following is the complete Flutter blur effect example where the image background is blurred. …
How to Create a Blur Effect on Background in Flutter Read More »
In this blog post, I am showing how to find 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 DateTime class as given below. Now, you can get the difference using difference method as well as …
How to Find Difference Between Two Dates in Flutter Read More »
Adding and subtracting days to a specific date is not straight forward. 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 …
How to Add and Subtract Days to Dates in Flutter Read More »
In this short Flutter tutorial, let’s check how to convert current time to UTC (Coordinated Universal Time) in Flutter easily. We use DateTime class for this purpose. You can get the current time as given below. We can use the method toUtc to convert the current date and time to UTC. Following is the complete …
How to Convert Current Date and Time to UTC in Flutter Read More »
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 current date in flutter then please do 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 current date in flutter. There’s a DateTime class in Dart which can be used to get current date and time. This will give us the output as following. 2020-10-18 20:39:17.566238 Most of the time we …
Sometimes, you may need to add a horizontal line in your UI. This divider line can help you to separate other components visually. In this flutter tutorial, let’s see how to show a horizontal divider line in flutter. There are multiple ways to create a horizontal line. Here, we are using the Divider class. A …
