Text inputs are very important components of a mobile app. They allow users to enter text so that they can fill out a form or send a message. The TextField widget is used to create text inputs in Flutter. In this Flutter tutorial, let’s go through how to create text input as well as how…
Bottom tab navigation is a new norm in mobile app development. It makes navigation easy for users. In this blog post let’s see how to add Bottom Tab Navigation in Flutter. We use Cupertino package too in this Flutter tutorial. The Cupertino package consists of iOS style widgets such as CupertinoTabScaffold to create bottom tabs….
Navigation Drawers are one of the primary options of navigation, especially if you are using material design in your mobile app. In this blog post, let’s check how to create a navigation drawer in Flutter. Basically, you can create a navigation drawer in three steps: Add a drawer using a Scaffold widget. Populate drawer items….
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…