Виджет Divider

Виджет Divider отделяет строки списка и секции на экране. Высоту линии задают в height, цвет - в color, отступы по бокам - в indent и endIndent. В Column и ListView Divider ставят между дочерними виджетами.

Синтаксис

Divider(
	height: 32,
	thickness: 1,
	color: Colors.grey,
)

Параметры

Параметр	Описание
`height`	Высота занимаемого места, включая линию.
`thickness`	Толщина самой линии.
`color`	Цвет линии.
`indent`	Отступ линии слева.

Пример

Давайте разделим два текста линией:

import 'package:flutter/material.dart';

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

Между двумя ListTile видна горизонтальная черта.

Пример

Давайте сдвинем линию от края indent:

import 'package:flutter/material.dart';

void main()
{
	runApp(
		MaterialApp(
			home: Scaffold(
				body: Column(
					children: [
						Text('abcde'),
						Divider(indent: 24, endIndent: 24),
						Text('12345'),
					],
				),
			),
		),
	);
}

Линия не доходит до краёв экрана на 24 логических пикселя.

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

виджет VerticalDivider,
который рисует вертикальную линию
виджет ListTile,
между которыми часто ставят Divider
виджет PopupMenuDivider,
который разделяет пункты меню
виджет Padding,
которым задают отступы вокруг контента