A checkbox is an important component to get input from the user. In Flutter, a checkbox can be implemented using the Checkbox widget. Even though the Checkbox widget doesn’t have its own state, the widget calls the onChanged callback. The checkbox can be added as given below. The complete code for the Flutter checkbox example…
Flutter is available for various platforms. This includes Android, iOS, Mac, Windows, Linux etc. So, when you are developing apps for multiple platforms, for example, a hybrid mobile app for android and ios, then it’s necessary to know how to detect platform in flutter. You can get the platform details using the Platform widget. With…
As a mobile app developer, everyone wants to make each screen of their apps beautiful and unique. In some scenarios, you may prefer to set an image background to screens such as splash screens. In this Flutter tutorial, let’s check how to set the image background in Flutter. Here, I am explaining two ways to…
Sometimes, we need specific time input from the users. Time pickers are used in such situations. In this blog post, let’s see how to add a time picker in Flutter. I already have a blog post that shows how to add a date picker in flutter. Flutter has an inbuilt function named showTimePicker to display…
The date picker is an important component when you have text fields such as sign-up form in your mobile application. It can be used for picking dates, such as date of birth. In this blog post, I am explaining how to add a date picker in Flutter. If you don’t know how to add TextField…
Images are important components of a mobile app. It’s a bit abnormal when images appear plainly in your app. In this Flutter tutorial, we discuss how to add a fade-in effect for images. We also see how to add placeholders when an image is loading. The FadeInImage widget is used to create a Fade in…
I have already shown how to create bottom tabs as well as how to create navigation drawer in Flutter in the previous blog posts. Here, let’s check how to create normal material tabs in Flutter. In this Flutter tabs example, we will have three tabs named Tab 1, Tab 2 and Tab 3 at the…
In normal cases, the Container widget doesn’t respond to touches. Sometimes, we may need to create custom widgets that are clickable. Let’s see how to make a container widget clickable widget in Flutter. The GestureDetector widget is used to detect gestures. Hence, we use the GestureDetector in this example so that we can detect taps…
When we hear material design one thing we easily associate with it is ripple effect. The ripple effects are extremely useful in the user interface as they can visually inform the user that some action like a button click has occurred. In this blog post, let’s check how to create a ripple effect in Flutter….
The TextField widget is the text input UI component in Flutter. But what if you want to show multiple text inputs in your app? You can use the Form widget for that. The Form widget groups multiple form widgets and acts as a container. It makes validation of each form field widget easy. Using it…
The importance of passwords is inexplainable. That’s the reason when entering the password the text should not be visible for better safety and security. In this Flutter tutorial, let’s see how to create a Text Input to enter a password in Flutter. I already have a blog post on how to create a Text Input…
A placeholder text is a hint text which gives the user an idea about what to enter in the text input field. In this blog post, let’s see how to add placeholder text in Flutter TextField. As I mentioned in my previous Flutter TextField tutorial, the TextField widget is used to create text inputs in…