Дерево виджетов в Flutter
Интерфейс в Flutter - это дерево виджетов. У каждого узла может быть один родитель и несколько потомков. Родитель передаёт потомкам ограничения по размеру и положению, потомок сообщает, сколько места ему нужно.
Рассмотрим простую цепочку. Корень экрана -
Scaffold.
В поле body лежит один потомок -
Center.
У Center параметр child -
единственный потомок, здесь это
Text:
Scaffold(
body: Center(
child: Text('Center'),
),
)
В body соберите цепочку
Center и Text со строкой
'Tree'. Уберите Center
и запустите снова: надпись окажется
в левом верхнем углу. Верните
Center - строка снова по центру.