EMZETT.Mit Flutter baust du Oberflächen aus Widgets: Alles ist ein Widget (Text, Knopf, Layout). Ein StatelessWidget hat keinen veränderlichen Zustand, ein StatefulWidget speichert Zustand und baut sich mit setState neu auf. Layouts entstehen durch Verschachteln: Column, Row, Padding, Center.
Projekte erstellst du mit flutter create meine_app, startest sie mit flutter run; Hot Reload zeigt Änderungen sofort.
import 'package:flutter/material.dart';
void main() => runApp(const MaterialApp(home: Zaehler()));
class Zaehler extends StatefulWidget {
const Zaehler({super.key});
@override
State<Zaehler> createState() => _ZaehlerState();
}
class _ZaehlerState extends State<Zaehler> {
int _n = 0;
@override
Widget build(BuildContext context) => Scaffold(
body: Center(child: Text('Zähler: $_n')),
floatingActionButton: FloatingActionButton(
onPressed: () => setState(() => _n++),
child: const Icon(Icons.add),
),
);
}Merke
Alles ist ein Widget
StatefulWidget+setStatefür veränderlichen ZustandHot Reload zeigt Änderungen sofort
Aufgabe
Erweitere den Zähler um einen Knopf zum Zurücksetzen.