Cad é an difríochtaí idir StatelessWidget agus StatefulWidget?

Question

Accepted Answer

Tá dhá chineál bhunúsach widget ag Flutter: **StatelessWidget** (immutable, gan staid inmheánach ar bith a athrú) agus **StatefulWidget** (in ann staid athraitheach a choimeád agus a upairt, ag atógáil nuair a athrú an staid). Is bunúsach an rogha cearta a dhéanamh do UIanna Flutter a thógáil. ## StatelessWidget — gan staid ag athrú ```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 — staid athraitheach ann ```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 — an eochair do 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) ``` ## Rogha a dhéanamh ```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. ``` ## Cén fáth a bhíonn sé ábhartha Tá tuiscint ar an difríochtaí idir StatelessWidget agus StatefulWidget bunúsach do fhorbhirt Flutter toisc go bhfuil an rogha cearta a dhéanamh riachtanach do UIanna oibreachúla a thógáil, agus is ríthábhachtach an t-eolas seo. Is í an dhrochéifeacht — **StatelessWidget** (immutable, a chuireann síos ar UI go hiomláine bunaithe ar a ionchur, gan athrú go deo ar a stuaim féin) i gcoinne **StatefulWidget** (staid athraitheach a choinneáil ar féidir a athrú, agus an UI a atógáil nuair a dhéanann sé — ina cheann de na coincheapa tosaigh agus is tábhachtaí i Flutter, ag fhonn ar conas aon widget a thógáil. Tá tuiscint ann go bhfuil **StatelessWidget** oiriúnach do UI nach n-athrú sé féin (inneachar statach, taispeántais bunaithe ar ionchur — an chuid is mó de na widgets, agus níos simplí) agus go bhfuil **StatefulWidget** de dhíth ar aon rud le staid inmheánach ag athrú (cuntar, foirmeacha, scoránaí, gné idirghníomhaithe) ríthábhachtach i gcomhair rogha a dhéanamh i gceart. Go criticiúil, is ríthábhachtach a thuiscint **setState** — an fhiondóir a insíonn do Flutter gur athrigh an staid, ag spreagadh atógáil ionas go n-upairt an UI (agus gan é ann, ní dhéanfaidh athrú ar athróg an UI a upairt, mícheart an-choitianta ag tosaitheoir) — chun StatefulWidgets a dhéanamh ar dhóigh. Baineann tuiscint ar an StatefulWidget a chomhcheangal chumraithe widget immutable le réad State ar leith a bhíonn ar an staid athraitheach, soiléireacht ar a dhearadera a dhéanamh. Léiríonn an treoir a bheith ag **roghúchán StatelessWidget más féidir** (níos simplí) agus StatefulWidget a úsáid ach amháin nuair atá gá do staid ag athrú, nós maith. Ó bhraistítear gur StatelessWidget nó StatefulWidget atá beagnach gach widget Flutter a thógann tú agus is riachtanach an rogha cearta a dhéanamh (agus setState a úsáid i gceart) chun UIanna athraitheacha, idirghníomhaithe oibreachúla a thógáil, is eolas bunúsach, bunúsach Flutter é tuiscint StatelessWidget i gcoinne StatefulWidget — a difríochtaí, cathain a úsáid aon cheann, agus an ról criticiúil setState — iomlán atá riachtanach, coincheap ar an deis is bunúsaí i bhforbairt Flutter agus ní mór do gach forbróir Flutter a thuiscint chun comhéadan úsáideora oibreachúla a thógáil.