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….
This is the tenth part of react native animation tutorial series. Here, let’s learn how to create a drag animation in react native. What I really mean is – a click and drag animation where the user can hold, drag and drop the view anywhere on the screen. We are trying to create the following…
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…
Apps such as image editing apps or social apps allow users to use their own photos. In this react native tutorial, I am going to show you a camera roll example where the images of your device are listed as a grid. CameraRoll is a react native API that gives access to the user’s photos…
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…
Vibrations can be used as a way to inform the user that something has happened inside your mobile app. Even though overusing vibrations makes bad impressions, sometimes using vibrations in apps such as games makes sense. Here, let’s learn how to create vibrations in react native apps. Lol, the image is just symbolic. The Vibration…