Виджет OverflowBar

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

Синтаксис

OverflowBar(
	children: [
		child1,
	],
)

Параметры

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

Пример

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

import 'package:flutter/material.dart';

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

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

Пример

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

import 'package:flutter/material.dart';

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

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

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

виджет Directionality,
который задаёт TextDirection
класс BoxConstraints,
числа min и max
перечисление MainAxisAlignment,
которое задаёт выравнивание вдоль ряда
перечисление MainAxisSize,
которое задаёт, сколько места занять вдоль оси