Flutter

Flutter ist ein Open-Source-UI-Framework von Google. Es wird verwendet, um plattformübergreifende Apps für Android, iOS, Web und Desktop zu entwickeln. Flutter nutzt eine eigene Rendering-Engine.

Flutter verwendet die Programmiersprache Dart. Dart ist objektorientiert und stark typisiert. Sie wurde für UI-Entwicklung optimiert.

Ein Codebase für mehrere Plattformen. UI und Logik werden gemeinsam entwickelt. Das reduziert Entwicklungszeit und Kosten.

Hot Reload lädt Codeänderungen sofort in die laufende App. Der App-Zustand bleibt erhalten. Das beschleunigt Entwicklung enorm.

Widgets sind die Bausteine der UI. Alles in Flutter ist ein Widget. Sie beschreiben Struktur, Layout und Verhalten.

StatelessWidget ist unveränderlich. StatefulWidget besitzt einen veränderbaren Zustand. UI wird bei Zustandsänderung neu gerendert.

BuildContext beschreibt die Position eines Widgets im Widget-Baum. Er wird genutzt, um auf Theme, Navigator oder InheritedWidgets zuzugreifen.

Der Widget Tree beschreibt die hierarchische Struktur der UI. Änderungen führen zu einem neuen Tree. Flutter rendert Unterschiede effizient.

Der Element Tree verbindet Widgets mit RenderObjects. Er verwaltet den Lebenszyklus. Er ist intern für Flutter wichtig.

Der Render Tree kümmert sich um Layout und Zeichnung. Er arbeitet pixelgenau. Entwickler interagieren meist indirekt damit.

setState signalisiert eine Zustandsänderung. Flutter ruft danach build erneut auf. UI wird aktualisiert.

State Management organisiert App-Zustand. Beispiele sind Provider, Bloc oder Riverpod. Es ist zentral für skalierbare Apps.

Provider ist eine einfache State-Management-Lösung. Er nutzt InheritedWidgets. Er ist gut für kleine bis mittlere Apps.

BLoC trennt Business-Logik von UI. Es nutzt Streams und Events. Es ist gut für komplexe Anwendungen.

Riverpod ist eine Weiterentwicklung von Provider. Es ist sicherer und flexibler. Es funktioniert ohne BuildContext.

Navigation erfolgt über den Navigator. Routen werden als Stack verwaltet. Push und Pop steuern die Navigation.

Named Routes nutzen String-Namen für Navigation. Sie sind zentral definiert. Das erleichtert Wartung.

Flutter nutzt async und await. Futures und Streams sind zentral. UI bleibt nicht blockierend.

Ein Future repräsentiert ein einmaliges Ergebnis. Es wird häufig für API-Aufrufe genutzt. Erfolg oder Fehler wird asynchron geliefert.

Ein Stream liefert mehrere Werte über Zeit. Er wird für Events oder Datenströme genutzt. Beispiel sind WebSockets.

Platform Channels erlauben native Integration. Flutter kommuniziert mit Java, Kotlin, Swift oder Objective-C. Sie sind wichtig für Hardware-Zugriff.

Flutter rendert selbst mit Skia. Es nutzt keine nativen UI-Widgets. Dadurch ist das UI überall konsistent.

Flutter bietet Material Widgets. Sie folgen Googles Designrichtlinien. Besonders für Android relevant.

Cupertino Widgets imitieren iOS-Design. Sie bieten native iOS-Optik. Beide Stile können kombiniert werden.

Flutter unterstützt Unit-, Widget- und Integrationstests. Tests laufen automatisiert. Das erhöht Stabilität.

Widget Tests prüfen UI-Komponenten isoliert. Sie laufen schnell. Sie simulieren Nutzerinteraktionen.

DI wird meist über Provider oder GetIt umgesetzt. Abhängigkeiten werden zentral verwaltet. Das erleichtert Tests.

Flutter Web erlaubt Web-Anwendungen mit Flutter. Der Code wird in JavaScript kompiliert. Performance ist gut, aber nicht immer wie native Web-Frameworks.

Größere App-Größe. Weniger native Look-and-Feel in manchen Fällen. Abhängigkeit vom Flutter-Ökosystem.

Bei plattformübergreifenden Projekten. Wenn schnelle Entwicklung wichtig ist. Besonders für MVPs und Startups.