In 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 If you are interested in video tutorials, check out the Flutter Video Tutorials page. Checkbox In…
Read More Flutter Checkbox ExampleIn 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 FlutterIn this tutorial, you will learn how to load a list of images from a remote URL in Flutter. The remote URL that we are going to use will return a list of images in JSON format. We will create a Flutter mobile application that will display this list of images in a GridView. For…
Read More Loading Images from a Remote URL in FlutterWhen building a mobile app you have to consider that not every user can or will interact with your app the same way. Having said that, you have to consider users with disabilities and what are the ways to make your Flutter app more accessible for those users. Implementing accessibility correctly can enhance the quality…
Read More Accessibility Example In FlutterIn this tutorial, we will create a small Flutter function that calls android’s Kotlin native code to read the value of the battery level. Flutter uses a flexible system that allows you to call platform-specific APIs whether available in Kotlin or Java code on Android. Flutter’s built-in platform-specific API support does not rely on code…
Read More Calling Android Native Code in Flutter