In this tutorial, we will explore one of the many ways to display images in Flutter. Specifically, we will learn how to create an image with rounded corners, a popular design element in modern mobile applications. Before diving into the main topic, it is important to note that Flutter offers a variety of options for…
Read More Image with Rounded Corners in FlutterIn this tutorial, you will learn how to remove the DEBUG banner in the Flutter app. Removing the DEBUG banner is crucial for ensuring that your Flutter mobile application looks polished and production-ready. It’s also important to note that this label can be misleading to users who may mistake it for an error or bug…
Read More Removing the DEBUG Banner in Flutter AppIn this tutorial, you will learn how to create a Splash Screen in your Flutter mobile application. What is a Splash Screen? The splash screen is an introductory screen that displays a company’s logo or tagline. A plain white screen can make the app seem unprofessional, so it’s important to create a splash screen for your Flutter-built…
Read More Creating a Splash Screen in FlutterIn this tutorial, we will explore various ways to implement a Checkbox in Flutter. A Checkbox is a type of widget that holds a boolean value. The two widgets that we will cover in this tutorial are: Checkbox CheckboxListTile Checkbox In the code example below, we have used the Checkbox widget as a child of…
Read More Checkbox Example In FlutterIn 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…
Read More Creating Tabs in FlutterIn this tutorial, we will see the steps on how to add Firebase to your Flutter App. As it happens, about 80% of the apps I have built use Firebase as a backend. It’s a great option for most apps as it gives you multiple tools that you might need from your backend. These options…
Read More Add Firebase To Your Flutter AppIn 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…
Read More MVVM Design Pattern In FlutterProgress 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…
Read More Progress Bar In FlutterThis tutorial will guide you through the process of internationalizing your app, which is essential if you want to make your app available in multiple countries. Unlike frameworks such as native Android, Flutter does not have a fixed approach to localization. It offers a lot of flexibility, which can be beneficial if you have experience,…
Read More Internationalization Example in FlutterIn 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.…
Read More Store Key-Value Data in Local Storage in FlutterIn 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…
Read More Navigation Drawer Example in FlutterIn 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…
Read More Passing Arguments Between Screens in FlutterIn 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…
Read More Navigate to a New Screen on Button Click in FlutterIn 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…
Read More Confirmation Alert Dialog in FlutterIn 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…
Read More Double-Tap on Image Example in Flutter