Junior — Middle
Kullanıcı arayüzleri geliştirme bağlamında Material ve Cupertino bileşenleri arasındaki temel farklar nelerdir?
sobes.tech yapay zeka
AI'dan gelen yanıt
Flutter'da Material ve Cupertino bileşenleri, farklı platformlar ve tasarım stilleri için tasarlanmış iki widget setini temsil eder:
-
Material: Google Material Design temel alınmış bir widget setidir ve ağırlıklı olarak Android uygulamalarında kullanılır. Canlı renkler, gölgeler, animasyonlar ve belirli arayüz öğeleri ile karakterizedir (örneğin, FloatingActionButton, AppBar).
-
Cupertino: iOS (Apple) tarzını taklit eden bir widget setidir. Daha minimalist ve düz tasarıma sahiptir, iPhone ve iPad'e özgü öğeler içerir (örneğin, CupertinoNavigationBar, CupertinoButton).
Ana farklar:
- Platforma uygun görsel stil ve animasyonlar.
- Kontrol öğelerinin davranışı (örneğin, anahtarlar, düğmeler).
- Hedef platforma göre yerleştirilerek yerel kullanıcı deneyimi sağlar.
Kullanım örneği:
import 'package:flutter/material.dart';
import 'package:flutter/cupertino.dart';
Widget build(BuildContext context) {
if (Theme.of(context).platform == TargetPlatform.iOS) {
return CupertinoButton(
child: Text('Нажми меня'),
onPressed: () {},
);
} else {
return ElevatedButton(
child: Text('Нажми меня'),
onPressed: () {},
);
}
}