Sobes.tech
Junior — Middle

Millised on peamised erinevused Material ja Cupertino komponentide vahel kasutajaliideste arendamisel?

sobes.tech AI

Vastus AI-lt

Flutteris esinevad Material ja Cupertino komponendid kaks komplekti vidinate, mis on mõeldud erinevatele platvormidele ja disainistiilidele:

  • Material: Google Material Disaini põhjal loodud vidinate komplekt, mida kasutatakse peamiselt Android rakendustes. See on iseloomulik erksate värvide, varjude, animatsioonide ja spetsiifiliste kasutajaliidese elementidega (näiteks FloatingActionButton, AppBar).

  • Cupertino: vidinate komplekt, mis jäljendab iOS-i (Apple) stiili. Neil on minimalistlik ja lame disain, mis on tüüpiline iPhone'idele ja iPadidele, koos elementidega nagu CupertinoNavigationBar, CupertinoButton.

Peamised erinevused:

  • Vaatlusstil ja animatsioonid vastavalt platvormile.
  • Kontrollide käitumine (näiteks lülitid, nupud).
  • Kasutamine vastavalt sihtplatvormile, et luua natiivne kasutajakogemus.

Näide kasutamisest:

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