Виджет Flex

Виджет Flex это общий вид Row и Column. Направление задаёт direction. В коде обычно пишут Row или Column, а Flex оставляют, когда направление выбирают в программе.

Синтаксис

Flex(
	children: [
		child1,
	],
)

Параметры

Параметр	Описание
`children`	Список дочерних виджетов.

Пример

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

import 'package:flutter/material.dart';

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

На экране строка 'abcde'. Направление ряда задаёт direction.

Пример

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

import 'package:flutter/material.dart';

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

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

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

виджет Wrap,
который переносит дочерние виджеты на новую строку
виджет Stack,
который кладёт дочерние виджеты друг на друга
виджет IndexedStack,
который показывает один слой
виджет Positioned,
который задаёт координаты в Stack