Was ist Flutter?

Was ist Flutter? – Die Definition

Flutter ist ein quelloffenes UI-Framework von Google für die plattformübergreifende App-Entwicklung. Es erschien 2017 (stabil seit Ende 2018) und ermöglicht, aus einer einzigen Codebasis Anwendungen für iOS, Android, Web, Windows, macOS und Linux zu erstellen. Statt für jede Plattform ein eigenes Entwicklungsteam mit eigener Programmiersprache zu beschäftigen, schreibt ein Team den Code einmal – und liefert ihn überall aus.

Flutter besteht im Kern aus drei Teilen: dem Framework (fertige Bausteine, sogenannte Widgets, für Oberflächen), der Rendering-Engine (sie zeichnet die Oberfläche pixelgenau selbst) und den Werkzeugen für Entwicklung, Test und Veröffentlichung.

Wie funktioniert Flutter?

Der wichtigste Unterschied zu vielen anderen Cross-Platform-Ansätzen: Flutter zeichnet seine Oberfläche selbst. Während andere Frameworks die Bedienelemente des jeweiligen Betriebssystems „fernsteuern“, bringt Flutter eine eigene Rendering-Engine mit (aktuell Impeller, zuvor Skia). Jeder Button, jede Liste, jede Animation wird von Flutter direkt auf den Bildschirm gemalt – mit 60 und mehr Bildern pro Sekunde.

Das hat zwei Konsequenzen. Erstens: Die App sieht auf jedem Gerät exakt gleich aus – egal ob günstiges Android-Telefon oder aktuelles iPhone. Zweitens: Es gibt keine „Übersetzungsschicht“, die zur Laufzeit bremst.

Für die Leistung sorgt die Kompilierung: Release-Versionen werden ahead-of-time (AOT) direkt in nativen Maschinencode übersetzt – die App läuft also nativ auf dem Prozessor, nicht in einem Interpreter oder einer WebView. Für das Web kompiliert Flutter zu JavaScript bzw. WebAssembly.

In der Entwicklung beschleunigt Hot Reload die Arbeit erheblich: Code-Änderungen erscheinen in Sekundenbruchteilen in der laufenden App, ohne Neustart. Das macht Iterationen – gerade in der Design-Phase – ungewöhnlich schnell.

Was ist Dart?

Flutter-Apps werden in Dart geschrieben, einer ebenfalls von Google entwickelten Programmiersprache. Dart wurde für genau diesen Einsatzzweck optimiert: Sie ist typsicher (viele Fehler fallen schon beim Schreiben auf, nicht erst beim Nutzer), gut lesbar und unterstützt sowohl die schnelle Just-in-Time-Kompilierung während der Entwicklung (Basis für Hot Reload) als auch die AOT-Kompilierung zu Maschinencode für Release-Versionen.

Für Entwickler mit Erfahrung in Java, C#, TypeScript oder Kotlin ist Dart schnell erlernbar – die Konzepte sind vertraut, die Syntax modern.

Wie sieht Flutter-Code aus?

In Flutter gilt: Alles ist ein Widget. Eine Oberfläche entsteht, indem kleine, wiederverwendbare Bausteine ineinander verschachtelt werden – ein Text in einem Button, der Button in einer Zeile, die Zeile in einer Seite. Der Code beschreibt dabei deklarativ, wie die Oberfläche aussehen soll – nicht, wie sie Schritt für Schritt aufgebaut wird. Ein einfaches Beispiel: Text('Hallo Welt') zeigt einen Text an, Center(child: Text('Hallo Welt')) zentriert ihn auf dem Bildschirm. Ändert sich der Zustand der App – etwa nach einer Nutzereingabe –, zeichnet Flutter die betroffenen Widgets automatisch neu. Dieses Prinzip macht Flutter-Code vergleichsweise gut lesbar: Die Struktur des Codes spiegelt die Struktur der Oberfläche.

Welche Vorteile bietet Flutter?

• Eine Codebasis für alle Plattformen: iOS, Android, Web und Desktop aus einem Projekt – Entwicklung, Test und jede spätere Änderung fallen nur einmal an. Das senkt Erstellungs- und vor allem Wartungskosten deutlich.
• Native Performance: AOT-Kompilierung zu Maschinencode und eigene Rendering-Engine – Flutter-Apps fühlen sich an wie native Apps, weil sie technisch welche sind.
• Pixelgenaue Konsistenz: Das Design sieht überall identisch aus – wichtig für Marken, die ein einheitliches Erlebnis wollen.
• Schnelle Entwicklung: Hot Reload, ein riesiges Widget-Angebot und ein reifes Ökosystem an Paketen verkürzen die Zeit bis zum Launch.
• Open Source mit starkem Rückhalt: Flutter ist kostenlos, quelloffen und wird von Google aktiv weiterentwickelt – mit einer der größten Entwickler-Communities im App-Bereich.

Wo liegen die Grenzen von Flutter?

Ehrlichkeit gehört dazu – Flutter ist nicht für jeden Fall die beste Wahl:

• Sehr tiefe Plattform-Integration: Wer exotische Hardware-Schnittstellen oder brandneue Betriebssystem-Funktionen am Erscheinungstag braucht, ergänzt Flutter um native Module (Swift/Kotlin) – möglich, aber Zusatzaufwand.
• App-Größe: Flutter bringt Engine und Framework mit; einfache Apps sind dadurch einige Megabyte größer als minimale native Pendants. Für die Praxis meist irrelevant, für extrem größenkritische Fälle erwähnenswert.
• High-End-3D-Spiele: Dafür sind spezialisierte Engines wie Unity oder Unreal die bessere Wahl – Flutter zielt auf Anwendungs-Apps.

Flutter und das Web

Flutter kann auch Web-Anwendungen erzeugen: Der Dart-Code wird dafür zu JavaScript oder WebAssembly kompiliert und läuft in jedem modernen Browser. Wichtig ist eine ehrliche Einordnung: Flutter zeichnet seine Oberfläche auch im Browser selbst, statt klassische HTML-Elemente zu erzeugen. Das ist eine Stärke für App-artige Anwendungen – Dashboards, Kundenportale, interne Werkzeuge –, die sich den Code mit der Mobile-App teilen und überall gleich aussehen sollen.

Für inhaltsgetriebene Websites – Blogs, Shops, Landingpages –, bei denen Suchmaschinen-Sichtbarkeit und minimale Ladezeiten entscheidend sind, bleiben klassische Web-Technologien meist die bessere Wahl. Auch der erste Seitenaufruf einer Flutter-Web-App ist schwerer als bei einer schlanken HTML-Seite, weil Engine und Framework mitgeladen werden. Kurz: Flutter fürs Web ist die richtige Wahl, wenn „App im Browser“ gefragt ist – nicht als Ersatz für jede Website.

Flutter vs. React Native vs. nativ

Flutter vs. React Native: Beide sind etablierte Cross-Platform-Frameworks. Die Kernunterschiede: Flutter nutzt Dart und rendert die Oberfläche selbst (identische Optik überall), React Native nutzt JavaScript und steuert native Bedienelemente an (plattformtypische Optik, aber mehr Plattform-Sonderfälle). Flutter bietet zudem ausgereiftere Desktop-Unterstützung. Welche Wahl passt, hängt vom Team und Anwendungsfall ab – pauschale Abwertungen des jeweils anderen sind unseriös.

Flutter vs. native Entwicklung: Zwei getrennte native Apps (Swift für iOS, Kotlin für Android) bieten maximale Plattform-Nähe – zum doppelten Preis bei Entwicklung und Wartung. Für die große Mehrheit der Geschäfts- und Endkunden-Apps liefert Flutter das gleiche Nutzererlebnis bei deutlich geringeren Gesamtkosten. Nativ lohnt sich, wenn eine App ihr Alleinstellungsmerkmal aus tiefster Systemintegration zieht.

Welche bekannten Apps nutzen Flutter?

Flutter ist im Masseneinsatz erprobt. Bekannte Beispiele:

• Google Pay – Googles Bezahl-App mit Millionen Nutzern
• My BMW App – die Fahrzeug-App von BMW
• eBay Motors – Fahrzeug-Marktplatz von eBay
• Nubank – eine der größten Digitalbanken der Welt
• Xianyu (Alibaba) – Second-Hand-Marktplatz mit riesiger Nutzerbasis
• Toyota – Infotainment-Anwendungen
• Pauly – unsere eigene sprachgesteuerte Einkaufslisten-App, live im App Store und bei Google Play

Wann ist Flutter die richtige Wahl?

Flutter passt besonders gut, wenn Sie mehrere Plattformen mit einem Budget erreichen wollen, schnell am Markt sein müssen (MVP, Start-up, neues Geschäftsmodell), ein konsistentes Markenerlebnis auf allen Geräten brauchen oder langfristig Wartungskosten senken wollen. Genau diese Fälle machen den Großteil aller App-Projekte aus – deshalb haben wir uns als Agentur auf Flutter spezialisiert.

Konkrete Entscheidungsszenarien aus der Praxis:

• Neue App für iOS und Android: der Standardfall – eine Codebasis statt zwei Teams, ohne spürbaren Kompromiss beim Nutzererlebnis.
• MVP mit unklarem Markt: schnell auf beide Plattformen, Feedback einsammeln, iterieren – Hot Reload und ein einziges Team halten die Schleifen kurz.
• Interne Business-App für Mobil und Desktop: Außendienst auf dem Smartphone, Innendienst am Windows-Rechner – eine Codebasis bedient beide.
• Eher keine Flutter-Fälle: reine Content-Websites, High-End-3D-Spiele oder Apps, deren Kern in tiefster Plattform-Integration liegt – hier raten wir zu Alternativen.

Ob Flutter auch für Ihr Vorhaben passt, klären wir ehrlich im Erstgespräch – inklusive der Fälle, in denen wir davon abraten.