Что хотят услышать интервьюеры:

Ожидают не просто список популярных виджетов, а понимание, зачем и где их применять. Важно показать, что выбор виджетов зависит от задачи, состояния UI и компоновки. Хороший ответ обычно связывает базовые layout-виджеты, интерактивные элементы и виджеты для работы со списками и состоянием.

Определение:

В Flutter типовые виджеты — это базовые строительные блоки интерфейса, которые чаще всего используются для верстки, отображения текста, изображений, кнопок, полей ввода, списков и управления расположением элементов. Обычно в проектах постоянно встречаются Text, Container, Row, Column, Padding, SizedBox, Image, Icon, ElevatedButton, TextField, ListView, Scaffold, AppBar и Card.

Пример использования:

Например, экран профиля можно собрать из Scaffold для структуры страницы, AppBar для верхней панели, Column для вертикальной компоновки, Padding и SizedBox для отступов, CircleAvatar или Image для аватара, Text для данных пользователя и ElevatedButton для действия.

Scaffold(
  appBar: AppBar(
    title: const Text('Profile'),
  ),
  body: Padding(
    padding: const EdgeInsets.all(16),
    child: Column(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: const [
        CircleAvatar(radius: 32),
        SizedBox(height: 16),
        Text('John Doe', style: TextStyle(fontSize: 20)),
        SizedBox(height: 8),
        Text('Flutter Developer'),
      ],
    ),
  ),
);

Пояснение кода:

В этом примере Scaffold задаёт базовую страницу, AppBar — верхнюю панель, а body содержит основную часть экрана. Padding добавляет отступы по краям, Column выстраивает элементы вертикально, SizedBox разделяет их по высоте, а Text и CircleAvatar показывают данные пользователя. Такой набор виджетов часто используется в реальных экранах, потому что он покрывает типичную задачу построения простого и читаемого UI.

Ключевые моменты:

Container, Padding, SizedBox — основные виджеты для оформления и отступов.
Row и Column используются для горизонтальной и вертикальной компоновки.
Text, Icon, Image — базовые элементы отображения контента.
Scaffold, AppBar, Card часто применяются как каркас экрана и визуальные блоки.
ListView и GridView нужны для списков и сеток, особенно при динамических данных.
TextField, ElevatedButton, InkWell — типовые интерактивные элементы для форм и действий.

Какие типовые виджеты ты обычно используешь в своих проектах?