I already have a couple of Flutter tutorials on the ListView widget. Here, I am going to demonstrate a Flutter tutorial where the order of items of a ListView can be changed. What this really means is a user can change the order of items by just dragging and dropping. Undoubtedly, ListView is one of…
Swipe to delete is a good feature for users especially when you are showing a lot of items as a list. It makes the user interface of your mobile app more user-friendly. In this blog post, let’s discuss how to add the swipe to delete option in a ListView in Flutter. I already have a…
I used Stateless widgets in most of my previous Flutter tutorials. In this tutorial, let’s see how to add a Stateful widget in Flutter. A Flutter widget can be either stateless or stateful. A stateless widget is static and never changes whereas a stateful widget is dynamic. The stateful widget can change itself. It uses…
Expanding and collapsing headers look beautiful when you have a list of things that the user scrolls through. Unlike other mobile app development platforms, creating expanding and collapsing headers in Flutter is easy. We need the help of multiple widgets to create the header. As we are trying to create a scrolling effect we definitely…
In some situations, we may want to create widgets that are expandable to fill the unwanted space that props between other widgets. In this blog post, let’s check how to create an expandable widget in Flutter. You can make use of the Expanded widget for this purpose. It accepts properties such as flex so that…
Rounded corners are beautiful and sometimes outclass components with sharp corners. In this flutter tutorial, let’s check how to create rounded corners. The ClipRRect widget is used to create rounded corners. It accepts the borderRadius property and we can use it to define border-radius. Following is the code to create rounded corners. And here’s the…
In some special scenarios, we may want the user not to interact with the screen. In other words, we don’t want the clicks of users to get registered. Here, I am going to discuss how to disable click events of a screen in Flutter. The click events of your mobile app screen can be absorbed…
Sometimes you may want to make the Text content of your mobile selectable to use functionalities such as copy. In this Flutter tutorial, let’s check how to make a Text selectable in Flutter. Making a text selectable is pretty easy in Flutter, you just need to use the SelectableText widget. You can use the SelectableText…
Swipeable screens are capable of making your mobile app user interface very beautiful. They are mostly used in scenarios such as app introduction sliders. Let’s see how to add swipeable screens in Flutter. You need PageView widget and PageController class to create swipeable screens in Flutter. The PageController defines which screen you want to show…
What makes Flutter so unique is its extremely useful widgets. The ready-made widgets save development time as developers don’t need to create components from scratch. In this blog post, let’s see how to create a table with given data in Flutter. We use the DataTable widget to show data as a table in Flutter. It…
The images come with predefined colors. Sometimes, we may need to tweak the color of images. In this Flutter tutorial, let’s discuss how to change the color of an image. To change the color of an image, I prefer the ColorFiltered widget of Flutter. It has the colorFilter property which changes the color filter of…
Opacity is a simple property that can have huge effects on the user interface of a mobile app. For example, a button with less opacity makes the user convinced that the button is disabled. In this blog post, let’s see how the opacity of widgets is changed in Flutter. Flutter’s Opacity widget makes its child…