Leg het concept uit van StatefulWidget in Flutter en waarin het verschilt van StatelessWidget?

In Flutter is StatefulWidget een widget dat zijn toestand kan wijzigen tijdens de uitvoering van de app. Het bewaart zijn toestand in een apart State-object, en wanneer deze toestand verandert, wordt de methode setState() aangeroepen, die de interface bijwerkt.

In tegenstelling tot StatelessWidget heeft StatefulWidget een interne toestand en wordt het altijd opgebouwd op basis van de parameters die aan het worden doorgegeven. Het verandert niet na creatie.

Voorbeeld:

class CounterWidget extends StatefulWidget {
  @override
  _CounterWidgetState createState() => _CounterWidgetState();
}

class _CounterWidgetState extends State<CounterWidget> {
  int _counter = 0;

  void _increment() {
    setState(() {
      _counter++;
    });
  }

  @override
  Widget build(BuildContext context) {
    return Column(
      children: [
        Text('Teller: \\$_counter'),
        ElevatedButton(onPressed: _increment, child: Text('Verhogen')),
      ],
    );
  }
}

Hier is CounterWidget een StatefulWidget omdat de tellerwaarde verandert en de UI beïnvloedt. Als de toestand niet zou veranderen, zou je een StatelessWidget kunnen gebruiken.