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…

Implementing text input in Flutter apps

In an app I’m working on I needed to allow the user to input some data before sending it off to a server. This is quite a common task for applications to implement, so in this post lets take a look at how we can do this in our Flutter apps. When it comes to textual input in Flutter apps there is one two widgets that you’re probably going to use — this is the TextField and the TextFormField. The TextFormField is simply a wrapped TextField that provides us with some extra functionality such as input validation. However, in this post we’re…

Bottom sheets in Flutter

Bottom sheets are views which we can display at the bottom of the screen to display content to the user — this may be to prompt further interaction or display some form of other content to the user. These are always anchored at the bottom of the screen and be easily hidden from view by the user. In Flutter we get two kinds of bottom sheet widgets out of the box, this is the Persistent Bottom Sheet and the Modal Bottom Sheet — so let’s take a look at how these work and what we have to do to get them in our apps….

Stateful or Stateless widgets?

When building Flutter applications we use widgets to construct our User Interface. When it comes to these widgets there is one of two types which it can be — either stateful or stateless. In this post I want to take a look at these different types of widgets so that we can get a better understanding of them and know which one to use when it comes to defining our own widgets. Stateless widgets There are cases where you’ll create widgets that don’t need to manage any form of internal state, this is where you’ll want to make use of the StatelessWidget….

Introducing the FlutterDoc publication

Flutter is a UI framework from Google that can be used to build native experiences that works across popular platforms. When I first discovered Flutter last year I decided to take a bit of a look into it. Now, to be honest, I’ve always been skeptical of frameworks that off cross-platform support —unfortunately I feel like that is a common theme amongst developers, which I am myself guilty of. But I’m a pretty curious person, so I decided to check out the sample apps in the app store and after having a play with the framework myself, I was sold….

Animating App Bars in Flutter

Several months ago I played around with animating app bars in Flutter using the SliverAppBar Widget — this is a really great way of adding a nice touch to your flutter screens that are making use of the AppBar widget. For that reason, I thought I’d put together this post in the hope it will help you get this nicety into your Flutter apps! Let’s begin by clarifying what I mean by this, here is one way in which we may want to hide our app bar as our user scrolls: This looks really nice when compared to pinned app bars, it…

Widgets: TabBar

The TabBar widget can be used to display a collection of tabs to the user in a horizontal format. The user would then select the desired tab, which would then change the content being displayed on the screen to match the currently selected tab. It is likely that you have already used tabs in an application on your device, but for example we could have a tabs that allow the user to switch between different categories of content such as “Top rating movies” and “Reduced movies”. If tabs are something you’re looking to implement, Flutter provides some handy classes to…