Виджет Wrap

Виджет Wrap похож на Row, но не ругается, если дочерние виджеты не влезают. Не влезшие переносятся на следующую строку. Промежутки задают spacing вдоль ряда и runSpacing между строками.

Синтаксис

Wrap(
	children: [
		child1,
	],
)

Параметры

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

Пример

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

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
							body: Wrap(
												children: [
													Text('abcde'),
													Text('12345'),
												],
											),
			),
		),
	);
}

На экране строки 'abcde' и '12345' стоят в одном ряду. Перенос появится, если они не влезут по ширине.

Пример

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

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
							body: Wrap(
												children: [
													Text('abcde'),
													Text('12345'),
												],
											),
			),
		),
	);
}

Второй пример повторяет тот же ряд.

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

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