Ҷиҳати таҳияи интерфейсҳои корбарӣ, фарқиятҳои асосӣ байни компонентҳои Material ва Cupertino кадомҳоянд?

فى Flutter، تمثل مكونات Material و Cupertino مجموعتين من الواجهات (widgets) المصممة لمنصات وأنماط تصميم مختلفة:

• Material: مجموعة من الواجهات تعتمد على تصميم Google Material Design، وتستخدم بشكل رئيسي فى تطبيقات Android. تتميز بألوان زاهية، ظلال، حركات، وعناصر واجهة مستخدم محددة (مثل FloatingActionButton، AppBar).

• Cupertino: مجموعة من الواجهات التي تحاكى نمط iOS (Apple). لديها تصميم أكثر بساطة ومسطحة، وهو نمط مميز لهواتف iPhone وiPad، مع عناصر مثل CupertinoNavigationBar، CupertinoButton.

الاختلافات الرئيسية:

• النمط البصري والرسوم المتحركة الملائمة للمنصة.
• سلوك عناصر التحكم (مثل المفاتيح، الأزرار).
• الاستخدام حسب المنصة المستهدفة لإنشاء تجربة مستخدم أصلية.

مثال على الاستخدام:

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