Flutter

This article will guide you to making a color picker from scratch in Flutter without using any third-party plugins. Introduction Color picker is a thing that frequently appears in many kinds of apps like notes, todos,…

ReorderableListView is a built-in widget in Flutter that can help us create a list view whose items can be repositioned and reordered by dragging and dropping. This article will cover the most important things about the…

Flutter is an open-source UI software development kit that grows very quickly and is regularly updated with major changes. Therefore, it is very normal for you to get incompatible errors when working with it. This short…

Flutter is being updated regularly with many useful features and widgets. One of the useful widgets is Autocomplete. With this friend, we can quickly implement autocomplete text fields without using any third-party plugins. Making a search…

The StreamBuilder widget is used in many kinds of Flutter applications, especially chat applications, social networks, real-time content updates, etc. In this article, we will go over 2 complete examples of implementing StreamBuilder: the first example…

There are cases where you will want an icon that can change its own appearance like a play/pause button for a video or audio, a button to close/open a menu, etc. Luckily, you can achieve your…

There may be situations where you want to implement Copy To Clipboard feature which allows users to copy some text (URLs, phone numbers, profile IDs…) from your app to another app (web browsers, chat apps…). The…

The example below shows you how to implement a sortable table in Flutter by using the DataTable widget. Preview This sample app contains a DataTable which displays a list of fiction products. In the beginning, the…

There are many cases where you need to store data locally on users’ devices instead of using remote cloud servers or APIs. For example, you may need to persist data across app launches or download a…

Today we’ll talk about the SliverAppBar widget in Flutter. The main part of this article is a complete example of implementing a SliverAppBar with a bottom section that consists of 2 tabs. The others are a…

This article is about hiding and showing the status bar in Flutter applications. Overview A status bar presents some information such as time, wifi, battery life, etc. Here is the status bar on iOS (the left…

This article shows you how to safely nest a ListView or a GridView inside a Column. Problem When building Flutter applications, you may run into the following error: The error commonly happens when you wrap a…