An introduction to UI Testing on iOS

I’ve always been a big fan of UI testing where appropriate, we can use it to automate the validation of visual components in our applications which allows us to reduce bugs, regressions and confusing behaviour within our applications — all helping us to save time from manually checking the behaviour and display of our view components. In this article we’re going to take a brief look at the XCTest framework which allows us to create a collection of tests for our iOS projects — this time around we’re going to focus on User Interface tests. At this point I’m going to presume that you…

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…

Exploring Firebase Authentication on iOS

Firebase provides an extensive suite of tools that helps us to both make app development simpler and also provide us with some powerful features to analyse and improve the experience for our users. Within this suite we will find Firebase Authentication, which is a tool providing our users with the ability to sign-up and sign-in to our applications using email, Facebook, Twitter, Github and more. In this article I want to dive into how we can get this functionality setup and added into our apps. To begin setting up our project with Firebase we need to setup our project within…

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….

Creating your first .dart class

  Our first .dart class is going to be pretty simple for example sake. We’re going to run our app and show some simple text on the screen. You’ll notice that the screenshot on the left here displays a simple app that is just showing us some sample text in the center of the screen. Reaching this result consists of three things: Creating a Text Widget Creating a Center widget to center the text Calling the function to display our widgets This can simply be achieved by the following snippet: import ‘package:flutter/material.dart’; void main() { runApp(new Center(child: new Text(‘This is an…

Creating a Flutter project

In order to create a new Flutter project, you’ll want to begin by opening up IntelliJ IDEA. Creating a new project To create a new project we will need to select File from the menu and hit ‘New Project’. At this point, we will be presented with the new project dialog. At this point you will want to select Flutter for your project type: Note: You may need to add your Flutter SDK path at this point also Next you’ll need to go ahead and set the name and location for your project: It’s important to note that Flutter project requires…

Getting setup with Flutter

In order to begin creating mobile apps using Flutter, we need to get setup on our development system. Download the Flutter SDK You can get started by downloading the Flutter SDK from this site. If you’re running a mac, this is simply a case of cloning the repo for Flutter: $ git clone -b alpha https://github.com/flutter/flutter.git And then adding the Flutter tool to your path: $ export PATH=`pwd`/flutter/bin:$PATH To check that everything required has installed successfully we can run the following command: $ flutter doctor Updating Flutter If you already have the Flutter SDK and want to update it, you can…