Виджет LayoutBuilder

Виджет LayoutBuilder вызывает builder и отдаёт туда BoxConstraints родителя. По ширине и высоте из constraints решают, что рисовать. Функция вызывается снова, когда ограничения меняются.

Синтаксис

LayoutBuilder(
	child: child,
)

Параметры

Параметр	Описание
`child`	Дочерний виджет или список дочерних виджетов.

Пример

Давайте применим LayoutBuilder на экране:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
							body: LayoutBuilder(
												child: Text('abcde'),
											),
			),
		),
	);
}

На экране то, что вернул builder. Ограничения родителя приходят в constraints.

Пример

Давайте соберём второй пример с LayoutBuilder:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
							body: LayoutBuilder(
												child: Text('abcde'),
											),
			),
		),
	);
}

Второй пример устроен так же.

Смотрите также

виджет Placeholder,
который рисует серую заглушку заданного размера
виджет GridPaper,
который рисует сетку для проверки вёрстки
виджет Table,
табличная раскладка
класс TableRow,
который описывает одну строку таблицы