Aké sú hlavné rozdiely medzi komponentami Material a Cupertino v kontexte vývoja používateľských rozhraní?

V Flutteri predstavujú komponenty Material a Cupertino dva súbory widgetov navrhnutých pre rôzne platformy a štýly dizajnu:

• Material: je súbor widgetov založený na Google Material Design, ktorý sa používa predovšetkým v Android aplikáciách. Vyznačuje sa jasnými farbami, tieňmi, animáciami a špecifickými prvkami rozhrania (napríklad FloatingActionButton, AppBar).

• Cupertino: je súbor widgetov, ktorý imituje štýl iOS (Apple). Má minimalistický a plochý dizajn, charakteristický pre iPhone a iPad, s prvkami ako CupertinoNavigationBar, CupertinoButton.

Hlavné rozdiely:

• Vizuálny štýl a animácie zodpovedajúce platforme.
• Správanie ovládacích prvkov (napríklad prepínače, tlačidlá).
• Použitie v závislosti od cieľovej platformy na vytvorenie natívneho používateľského zážitku.

Príklad použitia:

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