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

Dart 2.8.4

Flutter game tutorial: Fruit Ninja Clone

2020-07-282020-07-24 by marc
Flutter Fruit Ninja Clone

Let’s implement a clone of the popular fruit slicing game from scratch.

Categories Tutorials Tags Dart 2.8.4, Flutter 1.17.3, Game, UI 6 Comments

Animate a sparkler

2020-08-092020-07-18 by marc
Sparkler Photo by Jez Timms on Unsplash

This tutorial is about how to use Flutter’s animation abilities to animate a sparkler.

Categories Tutorials Tags Dart 2.8.4, Flutter 1.19.0, Intermediate, UI 1 Comment

How to add a border to a widget

2020-07-05 by marc
Custom borders in Flutter

This tutorial is about borders. Not only the default one, but also the fun ones that make the containing widget stand out: custom borders with gradients.

Categories Tutorials Tags Border, Dart 2.8.4, Flutter 1.17.3, Intermediate, UI, Widget Leave a comment

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 6 Comments

Widget overflowed by pixels

2020-06-262020-06-25 by marc
Flutter list overflowed on the right and at the bottom

Working with Row and Column can often lead to overflows. Here’s why and what you can do about it.

Categories Troubleshooting Tags Dart 2.8.4, Flutter 1.17.3, Overflow, UI 2 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 3 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
Post navigation
Older posts
Page1 Page2 Next →