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

How to cut a hole in an overlay

2020-07-062020-06-28 by marc
Flutter overlay with a hole on the FAB

In this tutorial, I’l show you three ways to cut a hole in an overlay as it’s often seen in tutorial screens or QR code scanner apps.

Categories Tutorials Tags Dart 2.8.4, Flutter 1.17.3, Intermediate, Overlay, UI 10 Comments

Date format: dynamic string depending on how long ago

2020-06-282020-06-22 by marc
Date format with weekdays

How to implement a date formatter that returns “just now”, “yesterday” or the respective weekday depending on how long ago the DateTime was.

Categories Tutorials Tags Dart 2.8.4, Date, DateTime, Flutter 1.17.3, Intermediate 2 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

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
Post navigation
Newer posts
← Previous Page1 Page2 Page3