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

Beginner

Calculator app

2020-11-292020-08-14 by marc
Flutter Clutter Calculator

Beginner tutorial on how to write the first Flutter app, in this case a calculator with basic functionality. Zero prior knowledge required.

Categories Tutorials Tags App, App from scratch, Beginner, Calculator, Dart 2.9.0, Flutter 1.20.0, UI Leave a comment

Create a sticky note in Flutter

2020-07-292020-07-29 by marc
Flutter Sticky NotFlutter Sticky Notee title

In this beginner tutorial we will create a realistic sticky note using Flutter.

Categories Tutorials Tags Beginner, Dart 2.9.0, Flutter 1.19.0, UI 2 Comments

Flutter channels

2021-03-232020-07-14 by marc
Flutter channels

What is a Flutter channel? And which one should you use?

Categories Basics Tags Beginner, Channel Leave a comment

SVG to Flutter path

2020-07-11 by marc
SVG to Flutter path converter

How to create complex bezier curves within a minute with visual output.

Categories Tutorials Tags Beginner, Dart 2.9.0, Flutter 1.19.0, Path, SVG, UI 10 Comments

Internationalization (i18n) in Flutter: an easy and quick approach

2020-06-192020-06-19 by marc
Internationalization in Flutter

A quick to be implemented way of localizing an app with JSON files.

Categories Tutorials Tags Beginner, Dart 2.8.4, Flutter 1.17.3, i18n, Internationalization, Locale Leave a comment

How to disable a button

2020-06-192020-06-16 by marc

Disabling a button in Flutter is not as intuitive and configurable as it could be. Let’s see how to do it!

Categories Tutorials Tags Beginner, Button, Dart 2.8.4, Disable, Flutter 1.17.3, UI 5 Comments

Reusable widgets: functions or classes?

2020-08-082020-06-12 by marc
Function or widget? Tough decision

When it comes to reusability in terms of widgets, you have the choice to use a function or a class. Let’s discuss what’s the more sustainable approach.

Categories Basics Tags Beginner, Dart 2.8.4, Flutter 1.17.3, Reusability, Widget Leave a comment

How to detect what platform a Flutter app is running on

2020-06-192020-06-12 by marc
A stack of different devices with different platforms

With Flutter, you can build apps for several platforms (Android, iOS, Web, MacOS, …). Sometimes, decisions have to be made depending on the platform the app is currently running on.

Categories Tutorials Tags Beginner, Dart 2.8.4, Flutter 1.17.3, Platform Leave a comment

Text field: Add trailing clear button

2020-06-272020-06-12 by marc
A text field with a clear button

This tutorial teaches how to add a clear button to a text field widget.

Categories Tutorials Tags Beginner, Clear, Dart 2.8.4, Flutter 1.17.3, Textfield, UI Leave a comment

Displaying a progress indicator

2020-06-192020-06-11 by marc
An animated progress indicator using showDialog over an overlay

Let’s implement an animated progress indicator with some text that is drawn on top of everything.

Categories Tutorials Tags Beginner, Dart 2.8.4, Flutter 1.17.3, Loading Indicator, Overlay, Progress Indicator, UI 2 Comments