Qual è la differenza tra StatelessWidget e StatefulWidget?

Question

Accepted Answer

Flutter ha due tipi fondamentali di widget: **StatelessWidget** (immutabile, senza stato interno che cambia) e **StatefulWidget** (può contenere e aggiornare stato mutabile, ricostruendosi quando lo stato cambia). Scegliere quello giusto è fondamentale per costruire UI Flutter. ## StatelessWidget — nessuno stato che cambia ```dart // a StatelessWidget: just describes UI based on its inputs (immutable, no internal state) class Greeting extends StatelessWidget { final String name; const Greeting(this.name); @override Widget build(BuildContext context) { return Text('Hello, $name'); // UI depends only on inputs, never changes itself } } // → use for UI that doesn't change on its own (static content, displays based on inputs) ``` ## StatefulWidget — ha stato mutabile ```dart // a StatefulWidget: holds STATE that can change → rebuilds the UI when it does class Counter extends StatefulWidget { @override State createState() => _CounterState(); } class _CounterState extends State { int count = 0; // mutable STATE @override Widget build(BuildContext context) { return Column(children: [ Text('Count: $count'), ElevatedButton( onPressed: () => setState(() => count++), // setState → rebuild with new state child: Text('Increment'), ), ]); } } ``` ## setState — la chiave di StatefulWidget ```text → setState(() { ... }) tells Flutter the state CHANGED → triggers a REBUILD (build() runs again with the new state, updating the UI) → WITHOUT setState, changing a variable won't update the UI → StatefulWidget = widget config (immutable) + a State object (holds mutable state) ``` ## Scelta ```text STATELESS → UI based purely on inputs; doesn't change itself (most widgets; simpler) STATEFUL → needs to hold/change internal state over time (counters, forms, toggles, animations, anything interactive that changes) → Prefer Stateless when possible (simpler); use Stateful when you need changing state. ``` ## Perché è importante Comprendere la differenza tra StatelessWidget e StatefulWidget è fondamentale nello sviluppo Flutter perché scegliere quello giusto è essenziale per costruire UI funzionanti, quindi è conoscenza fondamentale che non si può evitare. La distinzione — **StatelessWidget** (immutabile, descrive l'UI puramente in base ai suoi input, non cambia mai da solo) versus **StatefulWidget** (contiene stato mutabile che può cambiare, ricostruendo l'UI quando lo fa) — è uno dei primi e più importanti concetti in Flutter, determinando come costruisci qualsiasi widget. Comprendere che **StatelessWidget** è adatto per UI che non cambia da sola (contenuto statico, visualizzazioni basate su input — la maggior parte dei widget, e più semplice) mentre **StatefulWidget** è necessario per qualsiasi cosa con stato interno che cambia (contatori, form, toggle, elementi interattivi) è essenziale per scegliere correttamente. Critico soprattutto, comprendere **setState** — il meccanismo che dice a Flutter che lo stato è cambiato, attivando una ricostruzione in modo che l'UI si aggiorni (e che senza di esso, cambiare una variabile non aggiornerà l'UI, un errore molto comune per i principianti) — è fondamentale per far funzionare StatefulWidget. Comprendere che uno StatefulWidget combina una configurazione di widget immutabile con un oggetto State separato che contiene lo stato mutabile chiarisce la sua struttura. La pratica di **preferire StatelessWidget quando possibile** (più semplice) e usare StatefulWidget solo quando è necessario uno stato che cambia riflette una buona pratica. Poiché praticamente ogni widget Flutter che costruisci è uno di questi due tipi e scegliere correttamente (e usare setState correttamente) è essenziale per costruire UI funzionali e interattive, comprendere StatelessWidget vs StatefulWidget — la loro differenza, quando usare l'uno o l'altro, e il ruolo critico di setState — è conoscenza Flutter essenziale e fondamentale, uno dei concetti più fondamentali nello sviluppo Flutter che ogni sviluppatore Flutter deve comprendere per costruire interfacce utente funzionanti.