Ответ
Material — это дизайн-система от Google, реализованная во Flutter через пакет material.dart. Она предоставляет набор готовых виджетов, стилей, анимаций и тем, соответствующих гайдлайнам Material Design, что позволяет быстро создавать современные, последовательные интерфейсы для Android, iOS и веба.
Ключевые компоненты:
- Scaffold: Базовая структура экрана (AppBar, BottomNavigationBar, Drawer, FloatingActionButton).
- MaterialApp: Корневой виджет, настраивающий тему, навигацию и другие глобальные аспекты приложения.
- Тематизация: Легкое переключение между светлой/тёмной темой и кастомизация цветов, шрифтов.
- Готовые виджеты: Buttons, Cards, Dialogs, SnackBars с правильными отступами, тенями и интерактивностью.
Пример базовой структуры:
import 'package:flutter/material.dart';
void main() => runApp(const MyApp());
class MyApp extends StatelessWidget {
const MyApp({super.key});
@override
Widget build(BuildContext context) {
return MaterialApp(
theme: ThemeData(useMaterial3: true),
home: Scaffold(
appBar: AppBar(title: const Text('Material Demo')),
body: const Center(child: Text('Привет, Material Design!')),
floatingActionButton: FloatingActionButton(
onPressed: () {},
child: const Icon(Icons.add),
),
),
);
}
}
Использование Material ускоряет разработку и обеспечивает единообразие интерфейса.