Material ve Cupertino

Material ve Cupertino widget setleri arasındaki farkı öğrenirsin.

Material ve Cupertino

Flutter iki büyük görsel dil sunar: Material ve Cupertino. Material, Google'ın Material Design kurallarıdır; Android uygulamalarına özgüdür ama iOS'ta da çalışır. Cupertino, Apple'ın iOS görsel dilini taklit eder; alt gezinme çubukları ve sayfa geçişleri iOS stiline uyar.

// Material
MaterialApp(home: Scaffold(appBar: AppBar()))

// Cupertino
CupertinoApp(home: CupertinoPageScaffold(
  navigationBar: CupertinoNavigationBar(),
))

Hangi set seçilmeli?

Material, çoğu platformda tanıdık gelen bir başlangıç noktasıdır ve hem Android hem iOS'ta kullanılır. Cupertino, yalnızca iOS'a özgü bir görünüm istediğinde tercih edilir. İkisini aynı uygulamada karıştırmak da mümkündür; çoğu geliştirici Material ile başlar.

// Çoğu uygulama Material ile başlar
MaterialApp(
  title: 'Uygulamam',
  theme: ThemeData.light(),
  home: Scaffold(body: Text('Material')),
)

Uygulama Görsel dilleri yazdır

main içinde iki satırı print ile yazdır: Material google ve Cupertino apple.

Örnek çözümü göster

void main() {
  print('Material google');
  print('Cupertino apple');
}

Kendini test et

Cupertino widget seti hangi platformun görsel dilini taklit eder?
- Windows
- iOS
- Android
- Linux
Cevabı göster

iOS — Cupertino, Apple'ın iOS görsel dilini taklit eden widget setidir.

iOS görsel dili

final app = ____App(home: Text('iOS stili'));

Cevabı göster

final app = CupertinoApp(home: Text('iOS stili'));

Görsel diller

Material

Google'ın tasarım dili
Cupertino

Apple'ın iOS tasarım dili
AppBar

Material başlık çubuğu
CupertinoNavigationBar

iOS gezinme çubuğu

Sıradaki ders: Özet - Widget temelleri

Deneyiminizi Geliştiriyoruz

Çerez Tercihleri

Kesinlikle Gerekli Çerezler

Analitik Çerezler