Care este diferența dintre StatelessWidget și StatefulWidget?

Question

IT Interview Practice · Accepted Answer

Flutter are două tipuri fundamentale de widget-uri: **StatelessWidget** (imutabil, fără stare internă care se schimbă) și **StatefulWidget** (poate reține și actualiza stare mutabilă, reconstruindu-se atunci când starea se schimbă). Alegerea celui potrivit este fundamentală pentru a construi interfețe utilizator în Flutter. ## StatelessWidget — fără stare care se schimbă ```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 — are stare mutabilă ```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 — cheia 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) ``` ## Alegere ```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. ``` ## De ce este important Înțelegerea diferenței dintre StatelessWidget și StatefulWidget este fundamentală în dezvoltarea Flutter, deoarece alegerea celui potrivit este esențială pentru a construi interfețe utilizator funcționale, deci este cunoaștere fundamentală obligatorie. Distincția — **StatelessWidget** (imutabil, descrie interfața utilizator pur în funcție de intrările sale, niciodată modificarea pe cont propriu) versus **StatefulWidget** (reține stare mutabilă care se poate schimba, reconstruind interfața utilizator atunci când se întâmplă) — este unul dintre primele și cele mai importante concepte în Flutter, determinând cum construiești orice widget. Înțelegerea că **StatelessWidget** se potrivește interfețelor utilizator care nu se schimbă singure (conținut static, afișaje bazate pe intrări — majoritatea widget-urilor, și mai simplu) în timp ce **StatefulWidget** este necesar pentru orice element cu stare internă care se schimbă (conturi, formulare, comutatoare, elemente interactive) este esențială pentru a alege corect. Mai críticos, înțelegerea **setState** — mecanismul care spune Flutter că starea s-a schimbat, declanșând o reconstrucție pentru ca interfața utilizator să se actualizeze (și că fără acesta, schimbarea unei variabile nu va actualiza interfața utilizator, o greșeală foarte comună a începători) — este fundamentală pentru a face ca StatefulWidget-urile să funcționeze. Înțelegerea că un StatefulWidget combină o configurație de widget imutabil cu un obiect State separat care reține starea mutabilă clarifică structura sa. Îndrumarea de a **prefera StatelessWidget atunci când este posibil** (mai simplu) și de a utiliza StatefulWidget numai atunci când este necesară o stare care se schimbă reflectă o bună practică. Deoarece practic fiecare widget Flutter pe care îl construiești este unul din aceste două tipuri și alegerea corectă (și utilizarea setState corect) este esențială pentru a construi interfețe utilizator funcționale și interactive, înțelegerea StatelessWidget versus StatefulWidget — diferența lor, când să folosești fiecare, și rolul critic al setState — este cunoaștere Flutter fundamentală esențială, unul dintre cele mai fundamentale concepte în dezvoltarea Flutter pe care fiecare dezvoltator Flutter trebuie să le înțeleagă pentru a construi interfețe utilizator care funcționează.

StatelessWidget — fără stare care se schimbă

StatefulWidget — are stare mutabilă

setState — cheia StatefulWidget

Alegere

De ce este important

Întrebări conexe