Lektion 12 - Flutter Einstieg & Framework-Update
Nach Dart und den ersten Widgets sortieren wir Flutter noch einmal sauber: Was ist Framework, was ist Dart, was ist UI, was ist State, und welche Denkweise ist anders als bei Konsolenprogrammen?
printOberflaechen mit Widget-Baumdart runflutter run
Ein Framework gibt dir eine Struktur vor. Flutter sagt dir nicht nur, welche
Funktionen es gibt, sondern auch, wie eine App aufgebaut wird: MaterialApp,
Scaffold, Widgets, State und Build-Methode.
MaterialApp(
home: Scaffold(
appBar: AppBar(...),
body: ...,
),
)In Konsolenprogrammen liest du Eingaben und gibst Text aus. In Flutter reagiert die App auf Klicks, baut Layouts und zeichnet die Oberflaeche neu, wenn State geaendert wird.
setState(() {
counter++;
});State ist der aktuelle Zustand, zum Beispiel Counter, Auswahl oder geladene Daten.
Die build-Methode beschreibt, wie die Oberflaeche fuer den aktuellen Zustand
aussehen soll. Wenn sich State aendert, wird build erneut ausgefuehrt.
State aendert sich
-> setState wird aufgerufen
-> Flutter ruft build erneut auf
-> Widget-Baum wird neu beschrieben
-> UI wird aktualisiertDu veraenderst nicht direkt einzelne Bildschirmteile. Du beschreibst die UI neu.
lib/main.dartStartpunkt und Hauptcode deiner Apppubspec.yamlAbhaengigkeiten, Assets, App-Nametest/Tests fuer Widgets und Logikandroid/ ios/ web/Plattform-spezifische Dateienmain.dart.MaterialApp, Scaffold, AppBar, body und setState.