Виджет Flexible

Виджет Flexible ставят дочерним у Row или Column. Он может занять долю свободного места, но дочерний виджет не обязан растягиваться на всю долю. Expanded отличается тем, что заставляет занять долю целиком.

Синтаксис

Flexible(
	child: child,
)

Параметры

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

Пример

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

import 'package:flutter/material.dart';

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

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

Пример

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

import 'package:flutter/material.dart';

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

Второй пример повторяет ту же строку.

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

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