Sobes.tech
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: () {},
    );
  }
}