Material اور Cupertino widgets کیا ہیں؟

Question

Accepted Answer

Flutter دو اہم ڈیزائن سسٹمز widget سیٹس کے طور پر فراہم کرتا ہے: **Material** (Google کی Material Design، Android سٹائل) اور **Cupertino** (iOS سٹائل)۔ یہ آپ کو ہر platform کی ڈیزائن language سے مطابقت رکھنے والے UIs بنانے دیتے ہیں، یا ایک مستقل custom look بناتے ہیں۔

## Material widgets (Material Design)

```dart
// Material widgets follow Google's Material Design (Android look, but usable anywhere)
MaterialApp(                       // the app root for Material apps
  home: Scaffold(                  // Material page structure
    appBar: AppBar(title: Text('Material')),
    body: Center(
      child: ElevatedButton(       // Material button
        onPressed: () {},
        child: Text('Material Button'),
      ),
    ),
    floatingActionButton: FloatingActionButton(onPressed: () {}),
  ),
)
// Material widgets: Scaffold, AppBar, ElevatedButton, Card, FloatingActionButton, etc.
```

## Cupertino widgets (iOS style)

```dart
// Cupertino widgets follow Apple's iOS design language
CupertinoApp(
  home: CupertinoPageScaffold(
    navigationBar: CupertinoNavigationBar(middle: Text('iOS')),
    child: Center(
      child: CupertinoButton(      // iOS-style button
        onPressed: () {},
        child: Text('iOS Button'),
      ),
    ),
  ),
)
// Cupertino widgets: CupertinoButton, CupertinoNavigationBar, CupertinoPicker, etc.
```

## انتخاب اور platform-adaptive UI

```text
→ MATERIAL → most common default; works on all platforms; Google's design system
→ CUPERTINO → for an authentic iOS look
→ Many apps just use Material everywhere (consistent, simpler) — Flutter draws its own
  UI, so Material works fine on iOS too
→ PLATFORM-ADAPTIVE → use Material on Android, Cupertino on iOS (native feel per platform)
  — more effort; choose based on whether platform-native look matters
```

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

Material اور Cupertino widgets کو سمجھنا قیمتی ہے کیونکہ یہ Flutter کے دو اہم ڈیزائن سسٹمز ہیں، جو app UIs بنانے کے لیے استعمال ہونے والے widgets فراہم کرتے ہیں، لہذا یہ مفید بنیادی علم ہے۔ **Material widgets** (Google کی Material Design کو implement کرتے ہوئے، Android سٹائل ڈیزائن language) سب سے عام default ہیں اور ضروری widgets شامل ہیں جو زیادہ تر Flutter apps میں استعمال ہوتے ہیں (page structure کے لیے Scaffold، AppBar، buttons، Cards، FloatingActionButton) — انہیں سمجھنا ضروری ہے کیونکہ اکثریت Flutter apps Material استعمال کرتے ہیں۔ **Cupertino widgets** (Apple کی iOS ڈیزائن language کو implement کرتے ہوئے) آپ کو صحیح معنوں میں iOS جیسا interface بنانے دیتے ہیں۔

دونوں کو سمجھنا، اور **انتخاب کرنے کا طریقہ**، عملی طور پر قیمتی ہے: بہت سے apps سادگی سے **ہر جگہ Material استعمال کرتے ہیں** (مستقل اور آسان، اور چونکہ Flutter اپنا UI کھینچتا ہے، Material iOS پر بھی اچھی طرح کام کرتا ہے)، جبکہ apps جو **platform-native looks** چاہتے ہیں ایک **platform-adaptive approach** استعمال کر سکتے ہیں (Android پر Material، iOS پر Cupertino، ہر platform کو اس کا native feel دیتے ہوئے زیادہ کوشش کی قیمت پر)۔

اس انتخاب کو سمجھنا — ہر جگہ مستقل Material (آسان) بمقابلہ platform-adaptive (ہر platform کے لیے native feel) — Flutter development میں ایک حقیقی ڈیزائن decision کو ظاہر کرتا ہے۔

دستیاب widget سیٹس اور ان کے ڈیزائن سسٹمز کو جاننا بنیادی ہے UIs بنانے کے لیے جو مناسب لگیں، چاہے platform کے conventions سے مطابقت رکھیں یا ایک مستقل custom design پیش کریں۔

چونکہ Flutter UIs بنانے میں ان widget سیٹس استعمال کرنے کی ضرورت ہے (Material عام default ہونا، Cupertino iOS styling کے لیے) اور انہیں اور مستقل بمقابلہ platform-adaptive design کے درمیان انتخاب کو سمجھنا مناسب دیکھنے والے apps بنانے کے لیے مفید ہے، Material اور Cupertino widgets کو سمجھنا قیمتی، بنیادی Flutter علم ہے — UIs بنانے کے لیے ضروری (خاص طور پر ہر جگہ موجود Material widgets) اور app appearance اور platform conventions کے بارے میں صحیح فیصلے کرنے کے لیے مفید، روزمرہ Flutter UI development کا عملی پہلو۔