Flutter میں keys کیا ہیں اور آپ کو ان کی ضرورت کب ہے؟

Question

Accepted Answer

**Keys** Flutter میں فریم ورک کو دوبارہ بنائے جانے کے دوران widgets کو صحیح طریقے سے شناخت کرنے اور محفوظ رکھنے میں مدد دیتے ہیں — خاص طور پر **stateful widgets in lists** کے لیے اہم ہیں جو دوبارہ ترتیب دیے جاتے ہیں، شامل یا ہٹائے جاتے ہیں۔ یہ سمجھنا کہ keys کب درکار ہیں، لطیف اور الجھن والے bugs سے بچاتا ہے۔

## Keys کیا کام کرتے ہیں

```text
During rebuilds, Flutter MATCHES new widgets to existing elements/state by POSITION and
TYPE. Usually this works fine. But when widgets of the SAME TYPE are reordered/added/
removed in a list, position-matching gets confused → state attaches to the WRONG widget.
→ KEYS give widgets a stable IDENTITY so Flutter matches them correctly across changes.
```

## کلاسیکی مسئلہ (keys کے بغیر)

```text
A list of STATEFUL widgets (e.g. items with their own state). You remove the FIRST item:
  ✗ WITHOUT keys → Flutter matches by position → the state stays at each position, so
    state appears attached to the WRONG items (state "shifts" incorrectly)
  ✓ WITH keys → Flutter matches by key → state follows the correct widget
→ This causes confusing bugs (wrong checkbox checked, wrong item highlighted, etc.).
```

```dart
// give list items stable keys (e.g. a unique id)
ListView(children: items.map((item) =>
  MyStatefulItem(key: ValueKey(item.id), item: item)   // stable identity
).toList())
```

## Key کی اقسام اور انہیں کب استعمال کریں

```text
ValueKey → key by a value (e.g. an item's unique id) — common for list items
ObjectKey → key by an object's identity
UniqueKey → a guaranteed-unique key (forces a new identity each build — use carefully)
GlobalKey → a globally-unique key; access a widget's state/context from elsewhere
  (e.g. Form's GlobalKey) — powerful but heavier; use sparingly
WHEN NEEDED: mainly for STATEFUL widgets in dynamic lists (reorder/add/remove).
  Stateless widgets and static lists usually DON'T need keys.
```

## یہ اہم کیوں ہے

Keys کو سمجھنا قابل قدر senior-level علم ہے کیونکہ یہ **stateful widgets کے ساتھ لطیف، الجھن والے bugs** کو حل کرتے ہیں dynamic lists میں، اور یہ جاننا کہ کب ان کی ضرورت ہے Flutter کی گہری سمجھ کی عکاسی کرتا ہے۔

بنیادی مسئلہ — کہ Flutter عام طور پر widgets کو دوبارہ بنانے کے دوران **position اور type** کے ذریعے ان کی state سے میچ کرتا ہے، جو عام طور پر ٹھیک ہے لیکن **جب ایک جیسی type کے stateful widgets list میں دوبارہ ترتیب دیے جائیں، شامل یا ہٹائے جائیں تو ٹوٹ جاتا ہے** (state غلط widgets سے منسلک ہو جاتی ہے) — یہ ایک حقیقی ذریعہ ہے الجھن والے bugs کا (غلط checkbox چیک ہونا، غلط item highlight ہونا، state غلط طریقے سے "shift" ہوتی نظر آنا)۔ **Keys widgets کو ایک مستحکم شناخت دیتے ہیں** تاکہ Flutter انہیں ان تبدیلیوں میں صحیح طریقے سے میچ کرے، ایسے bugs کو ٹھیک کرتے ہوئے۔

**کلاسیکی مسئلہ** کو سمجھنا (stateful widgets کی list سے بغیر keys کے item ہٹانا جس سے state غلط ہو جاتی ہے) اور حل (items کو مستحکم keys دینا جیسے `ValueKey(item.id)`) یہ عملی علم ہے جو ان الجھن والے مسائل کو حل کرتا ہے۔

**key اقسام** کو سمجھنا (ValueKey ایک id جیسی value کے ذریعے keying کے لیے — list items کے لیے عام؛ ObjectKey؛ UniqueKey؛ اور **GlobalKey** کسی اور جگہ سے ایک widget کی state تک رسائی کے لیے، جیسے Form کی GlobalKey) اور اہم طور پر **کب keys درکار ہیں** (بنیادی طور پر dynamic lists میں stateful widgets کے لیے؛ stateless widgets اور static lists کو عام طور پر ان کی ضرورت نہیں) — یہ پختہ سمجھ کی عکاسی کرتا ہے — keys کو مناسب طریقے سے لاگو کرنا بجائے ہر جگہ cargo-cult کے یا جہاں ضروری ہو وہاں حذف کرنے کے۔

چونکہ keys dynamic lists میں stateful widgets کے ساتھ حقیقی، لطیف bugs کو حل کرتے ہیں (ایک الجھن والا مسئلہ جو بہت سے developers کو پریشان کرتا ہے) اور یہ سمجھنا کہ انہیں کب اور کیسے استعمال کریں Flutter کی گہری سمجھ کی عکاسی کرتی ہے، keys کو سمجھنا قابل قدر senior-level علم ہے — state bugs کی ایک کلاس کو حل کرتے ہوئے اور Flutter کی widget-element matching کی گہری سمجھ کی عکاسی کرتے ہوئے جو senior roles کے لیے متوقع ہے، ایک موضوع جو ان کو الگ کرتا ہے جو Flutter کو واقعی سمجھتے ہیں ان سے جو اسے صرف سطحی طور پر استعمال کرتے ہیں۔