Kakšna je razlika med StatelessWidget in StatefulWidget?

Question

Accepted Answer

Flutter ima dva temeljna tipa gradnikov: **StatelessWidget** (nespremenljiv, brez notranjega stanja, ki se spreminja) in **StatefulWidget** (lahko drži in posodablja spremenljivo stanje, ponovno se gradi, ko se stanje spremeni). Izbira pravega je temeljnega pomena za gradnjo Flutter uporabniških vmesnikov. ## StatelessWidget — brez spremenljivega 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 spremenljivo 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čna metoda 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) ``` ## Izbira ```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. ``` ## Zakaj je to pomembno Razumevanje razlike med StatelessWidget in StatefulWidget je temeljno za razvoj Flutter-ja, ker je izbira pravega ključna za gradnjo delujočih uporabniških vmesnikov, zato je to neizbežno temeljno znanje. Razlika — **StatelessWidget** (nespremenljiv, opisuje vmesnik čisto na podlagi svojih vhodov, se nikoli ne spreminja sam) proti **StatefulWidget** (drži spremenljivo stanje, ki se lahko spremeni, in ponovno gradi vmesnik, ko se to zgodi) — je eden prvih in najpomembnejših konceptov v Flutter-ju, ki določa, kako gradite kakršnokoli gradnik. Razumevanje, da se **StatelessWidget** uporablja za vmesnike, ki se ne spreminjajo sami (statična vsebina, prikazi na podlagi vhodov — večina gradnikov, in preprostejši), medtem ko je **StatefulWidget** potreben za vse, kar ima spremenljivo notranje stanje (števci, obrazci, preklopi, interaktivni elementi), je bistveno za pravilno izbiro. Najkritičneje je razumevanje **setState** — mehanizma, ki pove Flutter-ju, da se je stanje spremenilo in sproži ponovno gradnjo, tako da se vmesnik posodobi (in da brez njega spreminjanje spremenljivke ne bo posodobilo vmesnika, kar je pogosta začetniška napaka) — je temeljno za delovanje StatefulWidget-ov. Razumevanje, da StatefulWidget kombinira nespremenljivo konfiguracijsko gradnika s ločenim State objektom, ki drži spremenljivo stanje, pojasnjuje njegovo strukturo. Navodilo, da **prednostno izberete StatelessWidget, kadar je to mogoče** (preprosteje) in StatefulWidget uporabite samo, ko je spremenljivo stanje potrebno, odraža dobro prakso. Ker je praktično vsak Flutter gradnik, ki ga gradite, ena od teh dveh vrst, in je pravilna izbira (ter pravilna uporaba setState) bistvena za gradnjo funkcionalnih, interaktivnih vmesnikov, je razumevanje StatelessWidget proti StatefulWidget — njihove razlike, kdaj uporabiti vsakega in kritične vloge setState — bistveno, temeljno Flutter znanje, eden od najpomembnejših konceptov v razvoju Flutter-ja, ki ga mora razumeti vsak Flutter razvijalec za gradnjo delujočih uporabniških vmesnikov.