Flutter میں state management کیا ہے؟

Question

Accepted Answer

**State management** سے مراد ہے کہ ایک ایپ اپنے **data (state)** کو کیسے manage اور update کرتی ہے اور UI میں تبدیلیوں کو کیسے ظاہر کرتی ہے۔ جیسے جیسے ایپس بڑی ہوتی ہیں، state کو اچھی طرح manage کرنا اہم ہو جاتا ہے، اور Flutter built-in mechanisms (setState) اور بہت سی libraries (Provider, Riverpod, Bloc) فراہم کرتا ہے۔

## State کیا ہے

```text
STATE = data that can change and affects the UI:
  → UI state: is a checkbox checked? what's in a text field? is a menu open?
  → app state: the logged-in user, items in a cart, fetched data
→ When state changes, the UI must UPDATE to reflect it.
```

## Local state: setState

```dart
// for state local to a single widget → StatefulWidget + setState (built-in, simple)
setState(() {
  count++;            // change state → triggers a rebuild → UI updates
});
// → good for simple, LOCAL state within one widget
```

## مسئلہ: widgets میں state کو شیئر کرنا

```text
setState handles LOCAL state, but apps need to SHARE state across many widgets:
  → e.g. the logged-in user or cart needed by many screens
  → passing state down through many widget layers ("prop drilling") is painful
  → no built-in global state sharing → need state management solutions
```

## State management حل

```text
Many approaches/libraries for sharing and managing state:
  PROVIDER → simple, official-recommended, widely used (InheritedWidget-based)
  RIVERPOD → a modern, robust evolution of Provider (popular)
  BLOC / Cubit → structured, event-driven state management (popular for larger apps)
  GetX, MobX, Redux → other options
→ They make state accessible across the widget tree and update the UI on changes,
  WITHOUT manual prop drilling. Choose based on app complexity/preference.
```

## اہمیت

State management کو سمجھنا اہم ہے کیونکہ **ایک ایپ اپنے ڈیٹا کو کیسے manage کرتی ہے اور UI کو کیسے update کرتی ہے یہ functional ایپس بنانے کے لیے بنیادی ہے**، اور یہ ایپس کے بڑے ہونے کے ساتھ ایک اہم نقطہ نظر بن جاتا ہے، اس لیے یہ Flutter کا ضروری علم ہے۔ **State** (وہ ڈیٹا جو بدلتا ہے اور UI کو متاثر کرتا ہے — local UI state جیسے checkbox سے لے کر app-wide state جیسے logged-in user یا shopping cart تک) کو manage کرنا ضروری ہے تاکہ جب یہ بدلے، UI صحیح طریقے سے update ہو۔

**Local state کو setState کے ساتھ** سمجھنا (یہ ایک single widget کے اندر سادہ state کے لیے built-in mechanism ہے) بنیاد ہے۔

نازکی سے، **اس مسئلے کو سمجھنا جو setState حل نہیں کرتا** — **بہت سے widgets میں state کو شیئر کرنا** — یہ اہم ہے: ایپس کو state کی ضرورت ہے (جیسے موجودہ صارف یا cart) جو بہت سی screens میں accessible ہو، اور اسے manually widget layers کے ذریعے نیچے pass کرنا (