Flutter tutorials for beginners and advanced developers

Here you can find a list of varied Flutter tutorials, from smaller widgets to complete apps. The tutorials are designed to be understood by a broad audience by being written in a step-by-step manner using many explanatory images and code examples.

The idea is to provide tutorials that are interesting both for beginners and fore advanced Flutter developers.

Implementing a lotto retrospective app

Learn how to implement an app that tells you how much money you would have won or lost if you had played lotto with you chosen numbers.

Creating a geo map quiz game

Tutorial on how to use the OSM (Overpass) API to fetch some geo data and embed a map into a Flutter app to create a quiz game!

Using BLoC pattern with service layer

A BLoC does often have external dependencies such as services or repositories. This tutorial shows how to properly create the connection.

Applying the BLoC pattern in practice

In this tutorial, we are going to apply the BLoC pattern to an existing app, making it maintainable and testable.

Smartphone movement speedometer

In this tutorial, we implement a speedometer that displays the accelerometer sensor value of the smartphone.

Widget Magnifier

This tutorial explains how to implement the possibility of magnifying an image or other widgets.

The Matrix effect (digital rain)

In this tutorial, we are going to implement the famous text effect from the movie The Matrix in Flutter.

Implementing edge detection in Flutter

In this tutorial, we are going to implement edge detection of a camera image using Flutter, Dart FFI and OpenCV.

Simulate an LED display

Let’s use Flutter to simulate the display type we know from trains, airports, stadiums etc. by accessing the pixel information of a text widget!