Flutter

In this tutorial, we will have a deeper look into the “Model View ViewModel” (MVVM) architecture of Flutter. The MVVM pattern provides a uniform distribution of data with the benefits of flexibility and reusability of the code as well as data. Looking at the definition of MVVM it is the abbreviation of three words namely…

Progress Bars inform users about the status of ongoing task, such as loading an app, submitting a form, or saving updates. They communicate an app’s state and indicate available actions, such as whether users can navigate away from the current screen. In Flutter there are two types of progress indicators, linear and circular. In this…

In this tutorial, you will learn how to internationalize your app. This is necessary if you are planning to make your app available across multiple countries. Contrary to frameworks like native Android, Flutter doesn’t have an absolutely set way of how localization is done. It gives you a lot of freedom which can be good…

In this tutorial, you will learn how to store Key-Value pairs in your apps local storage. For this purpose we will follow the next steps: Create new Flutter App, Get the dependency using pub get, Save data, Read data, Remove data. 1. Create a New Flutter Project Go ahead and create a new Flutter app.…

In this tutorial, you will learn how to create “Tabs” or “Tab Bar” in Flutter. For this purpose we will follow the next steps: Create a new Flutter app, Create the Tab Controller, Create the Tabs Content. 1. Create a New Flutter Project Go ahead and create a new Flutter app. If you don’t know…

In this tutorial, you will learn how to create a Navigation Drawer in Flutter. For this purpose we will follow the next steps: Create a new Flutter app, Create the Navigation Drawer, Example of how to use the Navigation Drawer. 1. Create a New Flutter Project Go ahead and create a new Flutter app. If…

In this tutorial, you will learn how to pass arguments from one screen to another using a button click in Flutter. When developing with Flutter you might have seen that almost every screen requires to pass data from one screen to another and might also need to receive data back from another screen. To learn…

In this tutorial, you will learn how to navigate from one screen to another using a button click in Flutter. For this purpose we will follow these steps: Create a new Flutter app Create the UI Create the navigation 1. Create a New Flutter Project Go ahead and create a new Flutter app. If you…

In this tutorial, we will go over the Confirmation Alert dialog. Many times in your development career you will come across a time when you need to get the app user’s consent before continuing. For example, once a user tries to delete some data, just in case he or she pressed the wrong button, it…

In this tutorial, you will learn how to handle double-tap events on images in Flutter. You not only want to display information to users, but you also want users to interact with your app.  To handle the double-tap event we will use the GestureDetector widget to respond to fundamental actions. To start off we will…