Co jsou Material a Cupertino widgety?

Question

Accepted Answer

Flutter poskytuje dva hlavní design systémy jako sady widgetů: **Material** (Google's Material Design, Android-styl) a **Cupertino** (iOS-styl). Umožňují vám vytvářet UI, která odpovídají designovému jazyku každé platformy, nebo konzistentní vlastní vzhled.

## Material widgety (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 widgety (iOS styl)

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

## Výběr a platformě-adaptivní 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
```

## Proč je to důležité

Roumět Material a Cupertino widgety je cenné, protože jsou to dva hlavní design systémy Flutter, poskytující widgety používané k vytváření app UI, takže je to užitečné základní znalosti. **Material widgety** (implementující Google's Material Design, Android-styl designový jazyk) jsou nejčastěji používaným výchozím řešením a zahrnují základní widgety používané ve většině Flutter aplikací (Scaffold pro strukturu stránky, AppBar, tlačítka, Cards, FloatingActionButton) — jejich pochopení je nezbytné, protože převážná část Flutter aplikací používá Material. **Cupertino widgety** (implementující Apple's iOS design jazyk) umožňují vám vytvářet autenticky vypadající iOS rozhraní.

Rozmět oba a **jak si vybrat**, je prakticky užitečné: mnoho aplikací jednoduše **používá Material všude** (konzistentní a jednodušší, a protože Flutter kreslí své vlastní UI, Material funguje dobře i na iOS), zatímco aplikace chtějící **nativní vzhled platformy** mohou používat **platformě-adaptivní přístup** (Material na Android, Cupertino na iOS, což každé platformě dává její nativní vzhled za cenu více úsilí).

Rozmět si tuto volbu — konzistentní Material všude (jednodušší) versus platformě-adaptivní (nativní vzhled na platformu) — odráží skutečné designové rozhodnutí ve Flutter vývoji.

Znát dostupné sady widgetů a jejich design systémy je základem pro vytváření UI, která vypadají vhodně, ať už se shodují s konvencemi platformy nebo představují konzistentní vlastní design.

Protože vytváření Flutter UI vyžaduje používání těchto sad widgetů (Material jako obvyklé výchozí řešení, Cupertino pro iOS styling) a pochopení jich a volby mezi konzistentním versus platformě-adaptivním designem je užitečné pro vytváření odpovídajícího vzhledu aplikací, je pochopení Material a Cupertino widgetů cenné, základní Flutter znalosti — nezbytné pro vytváření UI (zvláště všudypřítomných Material widgetů) a užitečné pro rozhodování se o správných rozhodnutích ohledně vzhledu aplikace a konvencí platformy, praktický aspekt každodenního Flutter UI vývoje.