Paul Halliday

In this article we're going to be looking at how we can use the json_serializable package to parse from/convert to json model instances within Flutter. We'll also look at how to use JsonConverter<X, Y> to write custom conversions for non-primitive types. Project SetupAs always, we'll

Okay. I'll admit it. I've wanted to play around with Navigator 2.0, but I haven't got around to it yet. This abstraction over Navigator 2.0 did catch my eye though - it's called flow_builder and was built by the folks over at Very Good Ventures. Want a

By now, you'll have used many applications which follow the one of the most popular UX patterns - Master > Detail views. You may not know it by name, but it's essentially comprised of: A list of some elements, let's call it a list of emails with partial information (a

Routing is one of the most important parts of an application. It's easy to overlook, but especially as the stable release of Flutter Web gets ever closer; the URL bar should represent the current application state. Have you ever built or used a SPA where, after refreshing the page, you

If you're new to Flutter or haven't used immutable classes before, you may not see an immediate value in using freezed. This article is here to show you why you should consider thinking about this topic and then how to implement this with freezed. If you haven't read Part 1

In this article we're going to investigate ways that we can make robust classes with Dart. We'll start by creating a basic Product class with a few properties and slowly build it up to where we're implementing best practices.

Have you ever wanted to set the color of your text to a dynamic background color (or vice versa)? Whilst there are many ways to do this, a quick and easy method is the use of ThemeData.estimateBrightnessForColor(Color color). We can use this to determine which color our Textelement

As you're very well aware, Markdown is a great way to dynamic styled text to your mobile and web applications. If you're looking for how to add this to your Flutter applications, you can check out my article on this topic here: How to Display Markdown in Flutter using flutter_

In this article we're going to investigate how we can host a Flutter application on Firebase Hosting. We'll take our standard Counter application and build this for production and use the Firebase CLI to deploy it directly to Firebase Hosting. Project SetupPrior to creating our project, we need to ensure

In this article we're going to look at how we could programatically display widgets with Flutter. If you're reading this, you'll have come across a situation where you want to conditionally remove a widget from the tree but may not know the different ways you can do it. Project SetupCreate

UPDATE - SEPT 2020: TabNavigationItem now uses a String instead of label to be compatible with the new BottomNavigationBar API changes. In this article we'll be creating a BottomNavigationBar with the ability to switch between different tabs using IndexedStack. You'll want to use this when creating tab based user interface(

In this article we're going to look at how to use ProxyProvider to inject data into other providers. This is useful if we're wanting to inject an auth token or other piece of dynamic data into another Provider at some point in the future.

In this article we're going to look at how to replicate the Sparkline Bar Chart as seen in the Realtime Views section of the YouTube Studio application. This is quite a common chart and represents datasets at a small scale, allowing you to see results at a glance. VideoPrefer to

In this article we'll be looking at how to use ReorderableListView to reorder list items inside of our Flutter applications. The ReorderableListView is part of the Material library and should be used for smaller list(s) without a substantial amount of items.

fluttertoast is a library that allows you to create Toast popups easily across iOS, Android and Web. VideoWould you prefer to watch a video instead of reading this article? Here you go: Project SetupTo get started, we'll go ahead and create a new Flutter project: # New Flutter project $ flutter create

In this article we're going to create a small application that uses  Flutter MobX and Provider to toggle between two ThemeData states. We'll look at the following key concepts: How to change between dark and light mode.How to create a ThemeStore which will be responsible for firing action(s)

In this article we're going to investigate how we can create a simple integration with the localstorage and shared_preferences plugin inside of our Flutter applications. We'll be creating a StorageRepository and StorageService as their own package so we can include them in our other project(s) easily. Project SetupLet's