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