Koja je razlika između StatelessWidget i StatefulWidget?

Question

Accepted Answer

Flutter ima dva temeljna tipa widgeta: **StatelessWidget** (nepromjenjiv, nema unutarnjeg stanja koje se mijenja) i **StatefulWidget** (može sadržavati i ažurirati promjenjivo stanje, ponovno se graditi kada se stanje promijeni). Odabir правог je fundamental za izradu Flutter sučelja. ## StatelessWidget — bez promjenjivog stanja ```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 — ima promjenjivo stanje ```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 — ključan za 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) ``` ## Odabir ```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. ``` ## Zašto je to važno Razumijevanje razlike između StatelessWidget i StatefulWidget je temeljno za Flutter razvoj jer je odabir pravog esencijalan za izgradnju funkcionalno sučelja, što ga čini neophodnim temeljnim znanjem. Razlika — **StatelessWidget** (nepromjenjiv, opisuje sučelje čisto na temelju njegovih ulaza, nikada se ne mijenja sam od sebe) nasuprot **StatefulWidget** (sadrži promjenjivo stanje koje se može promijeniti, ponovno gradi sučelje kada se to dogodi) — je jedan od prvih i najvažnijih koncepata u Flutteru, određujući kako gradite bilo koji widget. Razumijevanje da **StatelessWidget** odgovara sučelju koja se ne mijenjaju sama (statični sadržaj, prikazi na temelju ulaza — većina widgeta, i jednostavnije) dok je **StatefulWidget** potreban za sve što ima promjenjivo interno stanje (brojači, obrasci, preklapači, interaktivni elementi) je bitno za ispravan odabir. Najvažnije, razumijevanje **setState** — mehanizma koji govori Flutteru da se stanje promijenilo, pokrenuvši ponovno gradnju kako bi se sučelje ažurilo (i da bez toga promjena varijable neće ažurirati sučelje, česta greška početnika) — je temeljno za rad StatefulWidgeta. Razumijevanje da StatefulWidget kombinira nepromjenjivu konfiguraciju widgeta s odvojenim State objektom koji sadrži promjenjivo stanje pojašnjava njegovu strukturu. Savjet da se **preferira StatelessWidget kada je to moguće** (jednostavnije) i koristi StatefulWidget samo kada je promjenjivo stanje potrebno odražava dobru praksu. Budući da su gotovo svi Flutterwidgeti koje gradite jedan od ta dva tipa i odabir ispravnog (i pravilna upotreba setState) je esencijalan za izgradnju funkcionalnih, interaktivnih sučelja, razumijevanje StatelessWidget prema StatefulWidget — njihove razlike, kada koristiti svaki, i kritičnu ulogu setState — je bitno, temeljno znanje o Flutteru, jedan od najtemeljnijih koncepata u Flutter razvoju koji svaki Flutter programer mora razumjeti da bi gradio funkcionalna korisničkog sučelja.