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.

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!

Audio player in retro design

Flutter tutorial on how to implement a fully working retro audio player that mimics the visuals of a good old audio cassette.

Burning paper effect

How to implement the effect of a sheet of paper burning from its center.