Junior — Middle
Care sunt principalele diferențe dintre componentele Material și Cupertino în contextul dezvoltării interfețelor de utilizator?
sobes.tech AI
Răspuns de la AI
În Flutter, componentele Material și Cupertino reprezintă două seturi de widget-uri proiectate pentru diferite platforme și stiluri de design:
-
Material: un set de widget-uri bazat pe Google Material Design, utilizat în principal în aplicațiile Android. Se caracterizează prin culori vibrante, umbre, animații și elemente specifice de interfață (de exemplu, FloatingActionButton, AppBar).
-
Cupertino: un set de widget-uri care imită stilul iOS (Apple). Au un design mai minimalist și plat, caracteristic iPhone-urilor și iPad-urilor, cu elemente precum CupertinoNavigationBar, CupertinoButton.
Diferențele principale:
- Stil vizual și animații corespunzătoare platformei.
- Comportamentul elementelor de control (de exemplu, comutatoare, butoane).
- Utilizarea în funcție de platforma țintă pentru a crea o experiență nativă pentru utilizator.
Exemplu de utilizare:
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: () {},
);
}
}