Material ve Cupertino widget'ları nelerdir?

Question

Accepted Answer

Flutter, iki ana tasarım sistemini widget setleri olarak sağlar: **Material** (Google'ın Material Design'ı, Android tarzı) ve **Cupertino** (iOS tarzı). Her platformun tasarım dilini eşleştiren veya tutarlı bir özel görünüm oluşturan kullanıcı arayüzleri inşa etmenize izin verirler.

## Material widget'ları (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 widget'ları (iOS tarzı)

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

## Seçim ve platform-uyarlamalı kullanıcı arayüzü

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

## Neden önemli

Material ve Cupertino widget'larını anlamak değerlidir çünkü bunlar Flutter'ın iki ana tasarım sistemidir, uygulama kullanıcı arayüzlerini inşa etmek için kullanılan widget'ları sağlar, bu nedenle yararlı temel bilgidir. **Material widget'ları** (Google'ın Material Design'ını uygulayarak, Android tarzı tasarım dilini) en yaygın varsayılan ve Çoğu Flutter uygulamasında kullanılan gerekli widget'ları içerir (sayfa yapısı için Scaffold, AppBar, butonlar, Cards, FloatingActionButton) — çoğu Flutter uygulaması Material kullandığından bunları anlamak gereklidir. **Cupertino widget'ları** (Apple'ın iOS tasarım dilini uygulayarak) hakiki iOS görünümlü arayüzler inşa etmenize izin verir.

Her ikisini de ve **nasıl seçeceğinizi** anlamak pratik olarak değerlidir: birçok uygulama basitçe **her yerde Material kullanır** (tutarlı ve daha basit, ve Flutter kendi kullanıcı arayüzünü çizdiği için Material iOS'ta da iyi çalışır), platformun yerel görünüşünü istenen uygulamalar **platform-uyarlamalı bir yaklaşım** kullanabilir (Android'te Material, iOS'ta Cupertino, her platformaya kendi yerel hissini vererek ek çabanın maliyetiyle).

Bu seçimi anlamak — her yerde tutarlı Material (daha basit) versus platform-uyarlamalı (platform başına yerel hiss) — Flutter geliştirmesinde gerçek bir tasarım kararını yansıtır.

Mevcut widget setlerini ve bunların tasarım sistemlerini bilmek, ister bir platformun kurallarını eşleştirsin ister tutarlı bir özel tasarım sunabilir, uygun görünen kullanıcı arayüzleri inşa etmek için temeldir.

Flutter kullanıcı arayüzleri inşa etmek bu widget setlerini kullanmayı gerektirir (Material yaygın varsayılan, iOS stillemesi için Cupertino) ve bunları anlamak ve tutarlı versus platform-uyarlamalı tasarım arasındaki seçimi anlamak uygun görünen uygulamalar oluşturmak için yararlı olduğundan, Material ve Cupertino widget'larını anlamak değerli, temel Flutter bilgisidir — kullanıcı arayüzleri inşa etmek için gerekli (özellikle her yerde bulunan Material widget'ları) ve uygulama görünümü ve platform kuralları hakkında sağlam kararlar vermek için yararlı, günlük Flutter kullanıcı arayüzü geliştirmesinin pratik bir yönüdür.