Welcome to the Flutter subsection of the website.

Shopping/Groceries List for Android

You probably have lived though the situation where either you or anyone you live with shares their intent to get groceries just to be immediately bombarded with requests. Inconveniently, you grab your phone, or pen and paper, and start writing things down, or ask them to message you with what they want. I’ve quickly developed a mobile application using Flutter to help synchronize a list of wanted groceries where anyone can log what they want whenever they feel like to. [Read More]

Provider - A State Management Solution

In this tutorial I’ll use one of the most popular state management solutions in Flutter, the Provider package. It’s a wrapper around InheritedWidget and provides a straightforward approach on handling state, capable of simplifying and speeding up development. There are other extremely useful state management packages, such as Flutter Bloc and Mobx that use Provider. The goal for this tutorial is to cover the package basic usage by implementing a simple use case. [Read More]

Adding a Search Bar

Adding a Search Bar to the Infinite List from the previous tutorial.

In this tutorial I’ll add a search bar on top of the List View widget from the previous tutorial to provide search functionality using the posts’ color keyword. Each Post has a color keyword that is used to request its random image. The user is able to search for posts through their color, as they type in the search bar. Final Result: To better organize the code, I created the static class PostServer which has n amount of random posts and acts as a server for our app. [Read More]

Infinite Scroll with Flutter List View

Infinite scroll is a design technique to keep users engaged and improves network bandwidth usage by fetching a subset of items from a server instead of the entire set, all while having minimal to no impact on the users’ experience. It avoids the download of excess data and the usage of excess memory. Final Result The sample application downloads random images from Unsplash. Implement infinite scroll with ListView in Flutter. [Read More]