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

Flutter обычно описывают как набор из трёх основных слоёв: фреймворка на Dart, движка рендеринга и платформенной части для Android/iOS/web/desktop. Фреймворк описывает UI и бизнес-логику, движок отвечает за отрисовку и выполнение кода, а платформенный слой даёт доступ к нативным возможностям. Взаимодействие идёт сверху вниз: виджеты формируют дерево UI, оно передаётся в движок, а при необходимости вызываются нативные API через каналы.

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

Flutter — это кроссплатформенный UI-фреймворк, построенный поверх собственного рендер-движка. Его архитектура обычно делится на:

Flutter Framework — написан на Dart, содержит виджеты, layout, анимации, навигацию, управление состоянием и базовые сервисы.
Flutter Engine — низкоуровневый слой, который рисует пиксели на экране, обрабатывает текст, графику, компоновку и выполняет часть runtime-логики.
Embedder / Platform Layer — адаптер под конкретную платформу, который связывает движок с ОС и предоставляет доступ к нативным возможностям устройства.

Ключевая идея в том, что приложение не использует стандартные нативные UI-элементы платформы для каждой кнопки или списка. Вместо этого Flutter сам строит и рисует интерфейс.

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

Например, экран авторизации в приложении создаётся из виджетов Flutter: TextField, ElevatedButton, Column. Эти виджеты входят в дерево UI и обрабатываются фреймворком на Dart. Когда пользователь нажимает кнопку, событие проходит через framework, состояние экрана обновляется, и движок перерисовывает изменённую часть интерфейса.

class LoginScreen extends StatelessWidget {
  const LoginScreen({super.key});

  @override
  Widget build(BuildContext context) {
    return Column(
      mainAxisAlignment: MainAxisAlignment.center,
      children: const [
        TextField(),
        SizedBox(height: 12),
        ElevatedButton(
          onPressed: null,
          child: Text('Войти'),
        ),
      ],
    );
  }
}

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

В этом примере код показывает только уровень фреймворка, поэтому отдельный низкоуровневый код движка не требуется. LoginScreen — это виджет Flutter, а метод build описывает, как должен выглядеть интерфейс. Column задаёт вертикальное расположение элементов, TextField отвечает за ввод, а ElevatedButton — за действие пользователя.

Как это связано с архитектурой Flutter:

Framework вызывает build и создаёт дерево виджетов.
Flutter сравнивает новое дерево с предыдущим и определяет изменения.
Изменения передаются в Engine, который занимается отрисовкой.
Если нужно обратиться к камере, файлам или GPS, framework использует platform channels для общения с нативной частью.

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

Flutter состоит из framework, engine и platform/embedder layer.
Framework описывает UI и логику на Dart через виджеты.
Engine отвечает за рендеринг, текст, графику и взаимодействие с системой отрисовки.
Platform layer связывает Flutter с конкретной ОС и нативными API.
Flutter строит интерфейс сам, а не полагается на нативные UI-компоненты для каждого элемента.
Связь с нативными возможностями обычно идёт через platform channels.

Из каких компонентов состоит фреймворк Flutter и как они взаимодействуют?