Giving Voice to the Voiceless with Flutter

Outside of my working hours I have often spent time with other people involved in animal rights — be it volunteering for a local animal sanctuary, visiting shelters or planning with other animal rights groups. One thing I’ve noticed along this time is that the awareness of these groups has never been too accessible — I’ve only discovered them through chance or word of mouth, and having known of them sooner I probably would have been involved a lot earlier. Voice is a simple directory app that aims to help you discover these groups and organisations to help raise awareness and get more people…

Native Flutter Experiences: Tabbed Navigation

When building Flutter applications, we have the ability to create native components which are styled for the native experience on both Android and iOS. Whilst by default we may implement things in a material style, it is important to bear this native experience in mind. In the first set of these articles we will take a quick look at implementing tabbed navigation for the styling of both Android and iOS. Material Tabbed Navigation When it comes to creating tabbed navigation with a Material approach, we make use of what is known as a TabBar — typically this will be placed within an…

Loading data from Firestore with Flutter

In a recent side-project of mine I needed to perform some simple loading of data from an external data source. This was all data that I had collated myself so I decided to manually load it up into Firestore — in this post we’re going to quickly take a look at how we can hook up our Flutter application to load data from a Firestore datastore to display to our users. This post will hopefully act as both a guide to show you how to implement Firestore in your apps and also a way to show you how little work is involved…

Building HashTrack with Flutter: Authentication logic

If you haven’t check out the previous post in these series, then you can do so here: Building HashTrack with Flutter: Intro and setup Building HashTrack with Flutter: Main class and Localization setup You can also find the code for this guide here: Now that we have the foundations of our application built, we’re going to go ahead and setup the first screens which will be shown to the user when opening the app — the authentication screens. This is going to require us to create and configure several different components: A sign-in screen — Providing a button that allows the user to sign-in…

Building HashTrack with Flutter: Main class and Localization setup

If you haven’t check out the previous post in these series, then you can do so here: Building HashTrack with Flutter: Intro and setup You can also find the code for this guide here: Now that our project is setup, we’re ready to go ahead and start building our application. In this post we’re going to setup the core classes used to launch our application, followed by adding support for localization. Throughout this series we’re only going to support a single Locale, but having this support in place from the start makes it easier for us to add more supported…

Building HashTrack with Flutter: Intro and setup

Welcome to the first post of this little series that I’m going to be publishing ~ every week from now. In this collection of posts I want to run you through creating a simple app with Flutter. Within this series we’ll be creating an application that allows us to track a collection of hashtags for both Twitter and Instagram, making it easy for us to view feeds of data for these tags whenever we desire. Building this application will allow us to learn how to: Setup a Flutter project within Android Studio Explore, create and use a collection of screens…

Authenticating users with Firebase and Flutter

When it comes to building apps, it’s likely that you’re going to want to perform some sort of user authentication, data storage or some other related tasks. Luckily for us, there are a collection of tools available from Firebase that allow us to achieve such things — some of these tools are also available for use with Flutter in the form of packages. In this post, I want to take a quick look at how we can perform authentication in our Flutter applications using Firebase. We need to begin by adding the Firebase Auth package to our pubspec.yaml file, once you’ve done…