Skip to content
  • Home
  • Tutorials
  • Troubleshooting
  • Flutter basics
  • Tools
    • SVG to Flutter path converter
  • About me
  • Imprint
Flutter Clutter

Flutter Clutter

Tutorials and troubleshooting for Google's fast-growing UI toolkit

Tutorials

Implementing a lotto retrospective app

2020-11-16 by marc
Flutter 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.

Categories Tutorials Tags App, BLoC, Dart 2.10.1, Flutter 1.22.1, Lotto Leave a comment

Creating a geo map quiz game

2020-11-072020-11-07 by marc
Flutter geo guesser 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!

Categories Tutorials Tags App, Dart 2.10.1, Flutter 1.22.1, Game, Map, OpenStreetMap, OSM Leave a comment

Using BLoC pattern with service layer

2020-10-142020-10-14 by marc
Flutter BLoC add service layer

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

Categories Tutorials Tags BLoC, Dart 2.10.1, Flutter 1.22.1, Service Leave a comment

Applying the BLoC pattern in practice

2020-10-082020-10-07 by marc
Flutter apply BLoC pattern

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

Categories Tutorials Tags Architecture, BLoC, Dart 2.10.0, Flutter 1.21.0, State Management Leave a comment

Smartphone movement speedometer

2020-11-292020-09-30 by marc
Flutter speedometer

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

Categories Tutorials Tags Accelerometer, App, Dart 2.9.0, Flutter 1.20.0, Gyroscope, Sensors, Speedometer, UI Leave a comment

Widget Magnifier

2020-09-232020-09-23 by marc
Flutter widget magnifier

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

Categories Tutorials Tags Dart 2.9.0, Flutter 1.20.0, Magnifier, UI 2 Comments

The Matrix effect (digital rain)

2020-09-222020-09-16 by marc
Flutter matrix effect

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

Categories Tutorials Tags Dart 2.9.0, Flutter 1.20.0, Matrix, UI Leave a comment

Implementing edge detection in Flutter

2020-09-232020-09-09 by marc
Flutter edge detection

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

Categories Tutorials Tags Dart 2.9.0, Edge Detection, Flutter 1.20.0, OpenCV, UI 32 Comments

Simulate an LED display

2020-11-292020-09-04 by marc
Flutter 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!

Categories Tutorials Tags App, Dart 2.9.0, Flutter 1.20.0, UI Leave a comment

Audio player in retro design

2020-08-302020-08-28 by marc
Flutter retro audio player tape

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

Categories Tutorials Tags Audioplayer, Dart 2.9.0, Flutter 1.20.0, Tape, UI Leave a comment
Post navigation
Older posts
Page1 Page2 Page3 Next →