Sobes.tech
Junior — Middle

Колдонуучу интерфейстерин иштеп чыгууда Material жана Cupertino компоненттери ортосунда негизги айырмачылыктар эмнелер?

sobes.tech AI

AIден жооп

Flutterде Material жана Cupertino компоненттери эки топ вджеттерди көрсөтөт, алар ар башка платформалар жана дизайн стили үчүн иштелип чыккан:

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