Flutter: Wetter-App
In diesem Crashkurs entsteht eine ähnliche Wetter-App wie in der Android-Lektion, diesmal mit Flutter und Dart: Eine Liste von Städten, und nach Antippen einer Stadt deren aktuelles Wetter. Zuerst mit Fake-Daten, am Ende mit echten Daten von Open-Meteo , angebunden mit einem Coding Agent.
Die Schritte orientieren sich an der Android-App. So lassen sich die Konzepte direkt mit Compose vergleichen.
Der Code liegt auf GitHub:
behrends/WeatherFlutterTIF24 .
Jeder Schritt hat einen eigenen Tag (schritt-00 bis schritt-11).
Mit git checkout schritt-05 lässt sich jeder Zwischenstand ansehen,
der Link „Änderungen“ auf den folgenden Seiten zeigt den Diff eines Schritts.
Flutter erscheint etwa viermal im Jahr in einer neuen stabilen Version. Im Live-Coding kann deshalb etwas anders aussehen oder nicht klappen. Bei Codelabs, Tutorials und Videos auf das Datum achten!
Zum Weiterlernen:
- Flutter-Dokumentation : Einstieg, Lernpfade und Cookbook
- Codelabs : kurze Tutorials zu einzelnen Themen
- Dart-Überblick und DartPad : Dart im Browser ausprobieren
- Architektur-Leitfaden :
MVVM mit
ChangeNotifier, wie in dieser Lektion - Flutter-Samples : Beispiel-Apps mit Quellcode
- Flutter auf YouTube : Videos von Google
Ausblick:
- FlutterFlow : Flutter-Apps im Browser visuell zusammenstellen (Low Code), mit Export des Flutter-Codes
- Flutter & KI : u. a. der MCP-Server für Dart und Flutter, mit dem Coding Agents z. B. Hot Reload selbst auslösen