Что вы понимаете под понятием рендеринг?

Рендеринг во Flutter — это процесс преобразования дерева виджетов (widget tree) в дерево элементов (element tree), затем в дерево рендеринга (render tree), которое в конечном итоге отображается на экране.

Основные шаги:

1. Widget Tree: Декларативное описание пользовательского интерфейса.
2. Element Tree: Интерпретация виджет-дерева, содержит ссылки на экземпляры виджетов и состояние виджетов (для StatefulWidget). Element Tree является связующим звеном между Widget Tree и Render Tree.
3. Render Tree: Содержит объекты RenderObject, которые знают, как обрисовывать себя (paint) и определять свой размер и положение (layout). Это абстрактное дерево, не зависящее от платформы.
4. Painting & Composition: GPU-независимые команды рисования отправляются в Skia (графический движок Flutter), который преобразует их в GPU-зависимые команды.
5. Rasterization: GPU отрисовывает команды на пиксели экрана.
6. Display: Пиксели отображаются на экране устройства.

Цикл рендеринга и построения макета происходит при изменении состояния, требующего перерисовки, или при активации фрейма через Scheduler. Scheduler планирует выполнение функций, включая build (для построения Element Tree) и layout / нарисовать (для Render Tree).

// Пример простого виджета
class MyWidget extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    // Каждый виджет описывает часть пользовательского интерфейса.
    // Flutter преобразует это описание в элементы и RenderObjects.
    return Container(
      color: Colors.blue,
      child: Text('Hello'),
    );
  }
}