Material ve Cupertino
- Flutter kursu
- Başlangıç
- Ders 14/99
- 4 dk
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.
Başlangıç kodu
void main() {
// iki satır yazdır:
// Material google
// Cupertino apple
}Örnek çözüm
void main() {
print('Material google');
print('Cupertino apple');
}Beklenen çıktı
Material google Cupertino apple
Soru ve cevaplar
Dersin sorularını cevaplarıyla birlikte inceleyebilirsin. Kendini denemek istersen dersi interaktif olarak çöz.
1 Cupertino widget seti hangi platformun görsel dilini taklit eder?
- Windows
- iOS Doğru cevap
- Android
- Linux
Açıklama: Cupertino, Apple'ın iOS görsel dilini taklit eden widget setidir.
2 iOS görsel dili
final app = ____App(home: Text('iOS stili'));final app = CupertinoApp(home: Text('iOS stili'));Açıklama: iOS görsel dili için CupertinoApp kullanılır.
3 Görsel diller
| Kavram | Anlamı |
|---|---|
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 |