Paul Köhler

Sauberer Flutter-Code mit einem einfachen Pattern

Ein einfaches Pattern, um wiederholte Theme-Aufrufe zu reduzieren und Flutter-Code lesbarer und wartbarer zu machen.

Flutter Code Pattern

Es gibt viele Wege, lesbaren Flutter-Code zu schreiben. Dieser wurde mein persönlicher Favorit.

Die Herausforderung

Du kennst das Schema: Jedes Mal, wenn du Text stylen möchtest, ist es Theme.of(context).textTheme.bodySmall. Es funktioniert. Aber es blockt deinen Code. Und es fühlt sich repetitiv an. Besonders in größeren Apps.

Die Lösung

In meinen Projekten wickle ich grundlegende Flutter-Widgets wie Text in benutzerdefinierte ein – und dort beginnt die Magie. Ich nutze Konstruktoren wie CustomText.bodySmall(...) und ein passendes Enum (CustomTextStyle), um die verfügbaren Stile zu definieren.

Jeder Konstruktor setzt einen Style-Wert aus diesem Enum. In der Build-Methode macht dann ein einfacher Switch auf das Style-Feld den Rest.

Der Vorteil

Statt aufgeblähter Theme-Aufrufe bekommst du schlanken, lesbaren und ausdrucksstarken Code. Mehr Spaß beim Schreiben. Leichter zu lesen. Und schneller zu warten.

Hast du ähnliche Patterns ausprobiert, um deinen UI-Code zu vereinfachen? Ich freue mich zu hören, was für dich funktioniert!