Виджет Spacer

Виджет Spacer это пустой Expanded. Его ставят между дочерними виджетами Row или Column, чтобы раздвинуть их к краям. Своего текста у него нет. Долю места задаёт flex.

Синтаксис

Spacer(
	child: child,
)

Параметры

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

Пример

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

import 'package:flutter/material.dart';

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

На экране строка 'abcde'. Промежуток Spacer виден, когда он стоит между соседями в ряду, а не вокруг отдельного текста.

Пример

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

import 'package:flutter/material.dart';

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

Второй пример устроен так же: строка 'abcde' без соседних виджетов в ряду.

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

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