Sobes.tech
Back to questions
Junior — Middle
121

Какие основные отличия между компонентами Material и Cupertino в контексте разработки пользовательских интерфейсов?

Companies where asked
Pashapay
HamkorBank

Answer from AI

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