Sobes.tech
Junior — Middle

İstifadəçi interfeyslərinin inkişafı kontekstində Material və Cupertino komponentləri arasındakı əsas fərqlər nədir?

sobes.tech Süni İntellekt

AI-dan cavab

Flutter-da Material və Cupertino komponentləri, müxtəlif platformalar və dizayn üslubları üçün nəzərdə tutulmuş iki widget dəstini təmsil edir:

  • Material: Google Material Design-ə əsaslanan widgetlər dəstidir və əsasən Android tətbiqlərində istifadə olunur. Parlaq rənglər, kölgələr, animasiyalar və xüsusi interfeys elementləri ilə xarakterizə olunur (məsələn, FloatingActionButton, AppBar).

  • Cupertino: iOS (Apple) üslubunu təqlid edən widgetlər dəstidir. Daha minimalist və düz dizayna malikdir, iPhone və iPad üçün xarakterik elementlərə sahibdir (məsələn, CupertinoNavigationBar, CupertinoButton).

Əsas fərqlər:

  • Platformaya uyğun vizual üslub və animasiyalar.
  • İdarəetmə elementlərinin davranışı (məsələn, keçidlər, düymələr).
  • Hədəf platformaya görə istifadə edilərək, yerli istifadəçi təcrübəsi yaradılır.

İstifadə nümunəsi:

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