Menene Material da Cupertino widgets?

Question

Accepted Answer

Flutter yana ba da tsarin waje guda biyu kamar saiti na widget: **Material** (Google's Material Design, salo na Android) da **Cupertino** (salo na iOS). Suna ba ka damar gina UIs da suka dace da yaren zane na kowane dangi, ko kuma sautin kai tsaye mai daidai.

## 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 (salo na iOS)

```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.
```

## Zaɓin da kuma UI da ya dace da dangi

```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
```

## Mengene ya matukar mahimmanci

Hankalin Material da Cupertino widgets yana da daraja saboda su ne tsarin waje guda biyu na Flutter, da suna ba da widget ɗin da aka yi amfani da su wajen gina UIs app, saboda haka yana da amfani kamar ilimin tushe. **Material widgets** (da suka aiwatar da Material Design na Google, yaren zane na salo na Android) shine mafi gida bisa a tsammani kuma sun haɗa da widgets mahimmanci da aka yi amfani da su a gida a cikin galigin Flutter apps (Scaffold don tsarin shafi, AppBar, buƙatu, Cards, FloatingActionButton) — hankalin su yana dace saboda yaji gida da galigin Flutter apps suna yin amfani da Material. **Cupertino widgets** (da suka aiwatar da yaren zane na Apple's iOS) suna ba ka damar gina interfaces da suka dace da iOS.

Hankalin duka biyu, da kuma **yadda za a zaɓi**, yana da daraja ta aiki: yaji apps suna yin amfani da Material jiya jiyo (daidai kuma ma firamare, kuma saboda Flutter yana zane ta nasu kansu UI, Material yana aiki daidai koda a iOS), yayin da apps da suke son **sautin dangi na asali** suna iya yin amfani da **hanyar da ta dace da dangi** (Material akan Android, Cupertino akan iOS, suna ba da kowane dangi sautin asali na shi a faɗin karfi mafi).

Hankalin zaɓin nan — Material daidai jiya jiyo (ma firamare) lawan da ta dace da dangi (salo na asali bisa dangi) — yana nuna yanke shawarar waje na aiki a cikin halin jiya da jiya na Flutter.

Sanin saiti na widget da za a samu da tsarin waje na su yana tushe don gina UIs da suke ko da sautin dangi ko kuma gina kai tsaye mai daidai.

Saboda gina Flutter UIs yana bukatar yin amfani da waɗannan saiti na widget (Material zama gida bisa a tsammani, Cupertino don iOS styling) da hankalin su da zaɓin tsakanin daidai lawan da ta dace da dangi yana da amfani don ƙirƙira apps da suke dace da gida, hankalin Material da Cupertino widgets yana da daraja, ilimin tushe na Flutter — dace don gina UIs (da musamman Material widgets mai gida) da amfani don yin yanke shawarar daidai game da sautin app da al'adu na dangi, wani baje-baje na aiki na kowane rana na gina Flutter UI.