Объясните три дерева Flutter

Question

Расскажите, как Flutter превращает виджеты в пиксели: какие деревья есть и зачем их три.

Техпрогон · Accepted Answer

Образцовый ответ: «Виджет это описание интерфейса, лёгкий неизменяемый объект. При каждом build создаются новые виджеты, и это нормально. Widget: неизменяемая конфигурация, создаётся на каждом build. Element: место в дереве, долгоживущий, держит State, это и есть BuildContext. RenderObject: раскладка, отрисовка, hit test, дорогой. При перестроении элемент сравнивает runtimeType и key и переиспользует себя и рендер-объект. Поэтому пересоздавать виджеты дёшево, а const позволяет вообще пропустить поддерево. Образцовый ответ: «Виджет это описание интерфейса, лёгкий неизменяемый объект. При каждом build создаются новые виджеты, и это нормально. Элемент это экземпляр виджета в конкретной позиции дерева: он долгоживущий, хранит State у Stateful-виджетов и реализует BuildContext. Рендер-объект отвечает за размер, позицию и отрисовку, он дорогой. Когда приходит новый виджет, элемент проверяет canUpdate: тот же runtimeType и тот же ключ. Если да, элемент остаётся, State сохраняется, рендер-объект просто получает новые свойства. Если нет, поддерево пересоздаётся. Три дерева нужны, чтобы декларативный подход «опиши весь UI заново» не стоил пересоздания дорогих объектов. const-виджеты дают ещё одну оптимизацию: тот же экземпляр, и Flutter не заходит в его поддерево»

Объясните три дерева Flutter

Вопрос

Попробуйте сами

Коротко

Что должно прозвучать в ответе

Что могут спросить следом

Разбор

Ещё по теме «Виджеты и три дерева»