Author: Haris Bin Nasir

In today’s tutorial, I’m going to show you how to work with a bottom navigation bar in a Flutter application. By the end of this tutorial, you’ll have a better understanding of how to create and manage a bottom navigation bar to navigate between different pages such as the home page, profile page, and settings…

In today’s tutorial, I’m going to show you how to create custom splash screen for your Flutter application. By the end of this tutorial, you’ll understand how to create a custom splash screen that transitions smoothly into your application. Let’s dive in! If you prefer watching a video tutorial on creating a weather app in…

In today’s tutorial, I’m going to show you how to integrate Google Sign-In with Firebase in your Flutter app. We’ll cover all the steps from setting up Firebase to implementing Google Sign-In functionality. If you’re new to connecting Flutter with Firebase, don’t worry—I already have a detailed blog on my website that covers the setup…

In today’s tutorial, I’m going to show you how to use Firebase’s Cloud Firestore database within your Flutter app. We’ll cover all the essential CRUD operations (Create, Read, Update, Delete) and ensure that the code is well-structured, maintainable, and type-safe. If you’re new to connecting Flutter with Firebase, don’t worry—I already have a detailed blog…

In today’s digital landscape, building applications that are responsive, scalable, and feature-packed is essential. One of the most effective ways to ensure that your app meets these requirements is by integrating cloud services like Firebase. Firebase offers a suite of tools and services to help you build and manage your app’s backend. In this guide,…

The integration of AI capabilities within mobile applications offers a range of exciting opportunities. One such example is creating a chat app that leverages the power of Google’s Gemini API and Flutter. This tutorial will guide you through the process, from setting up the project to implementing functionalities for text and image-based interactions with the…

In today’s tutorial, we’ll learn how to create a search bar in Flutter that allows users to filter a list of products fetched from an API. This guide will walk you through the entire process, from setting up the dependencies to implementing the search functionality. Let’s get started! If you prefer watching a video tutorial…

In this blog post, we will walk through how to create both simple and stylized toast notifications in a Flutter application. We’ll cover how to use the default SnackBar widget for basic toasts and introduce the delightful_toast package for more advanced, animated toasts. If you prefer watching a video tutorial on flutter toast notifications, here…

Introduction In this tutorial, we will delve into creating a comprehensive text-to-speech (TTS) application using Flutter. This application will be versatile, working seamlessly across desktop, mobile, and web platforms. Users will have the ability to select their preferred voice from a dropdown menu and activate the TTS service by pressing a play button. The app…

In this guide, we’ll show you how to check whether your Flutter application is connected to the internet. This method works for all deployment targets, including web, mobile, and desktop. We’ll build a simple application to detect the device’s internet connection status and update the UI accordingly. If you prefer watching a video tutorial here…