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…
When we are building the user interface of a mobile app we always need to arrange each UI component in a particular manner. The Row and Column widgets are used to arrange children widgets in rows and columns in Flutter. The Row widget is very simple to implement. You just need to wrap the Row…
Dividers are used to distinguish different components used in your mobile app. In this blog post, let’s check how to create a vertical divider or vertical line in Flutter. We use the VerticalDivider widget to create a vertical line in Flutter. The VerticalDivider has useful properties such as width, thickness, color, indent, endindent, etc. You…
Proper alignment is an important aspect of a beautiful user interface. When the components are aligned properly, users can easily assess different options for your apps. In this blog post, let’s check how to align widgets in Flutter. The Align widget and the Alignment property are used to align child widgets in Flutter. The Alignment…
ListView makes its children scroll. Most of the time, we require a separator to distinguish between every child of ListView. This separator is basically a divider, which can be a line. In the previous blog post, I wrote about how to use ListViews basically in Flutter. Now, let’s go through how to create a ListView…
In Flutter, when it comes to scrolling- finite or infinite, you should use the ListView widget. The ListView is a scrolling widget that facilitates scrolling through its filled children. In this blog post, let’s discuss how to use ListView properly in Flutter. ListView for Finite Items If the children are very limited or very few…
In the previous blog post, we went through how the multiple animations are managed using methods such as parallel() and sequence(). Now, let’s discuss how to add delays in between animations in react native. When you are composing animations with sequence() and stagger() you can use Animated.delay() method to begin animations after a delay. Let’s…
This is the eighth part of react native animation tutorial series. In this blog post, let’s see how to manage multiple animations in react native. There are three Animated methods for this sequence(), parallel(), and stagger(). The sequence() method accepts an array of multiple animations and runs them one after another, ie sequentially. Following is…
React Native animation tutorials cannot be completed without learning interpolation. Interpolation helps you to create good animations by mapping input ranges to output ranges. It gives you fine control over what output should be attained when a specific input value is fed. For example, this is how you use the interpolate method. What this means…