Ask the assistant

0/400

Your question is processed by an AI service and kept to improve answers. Do not enter personal data.

Divider

This page has not been translated into English yet. The Russian original is below.

Тонкая разделительная линия. По умолчанию горизонтальная — между строками колонки; с axis:vertical — вертикальная, между элементами строки.

Тип: leaf

Column
  Text "Выше"
  Divider
  Text "Ниже"

Параметры

Параметр	Тип	Default	Описание
`axis`	string	horizontal	`horizontal` или `vertical`
`thickness`	double	—	Толщина самой линии
`color`	color	цвет темы	Цвет линии
`indent`	double	0	Пустое место перед началом линии
`endIndent`	double	0	Пустое место после конца линии
`height`	double	—	Место, занимаемое горизонтальным разделителем по вертикали (линия внутри него)
`width`	double	—	Место, занимаемое вертикальным разделителем по горизонтали

Размер «поперёк» линии называется по оси, поперёк которой он лежит: height — для горизонтального, width — для вертикального.

Column
  Text "Раздел"
  Divider height:20 thickness:2 color:#e0e0e0 indent:16 endIndent:16
  Text "Следующий раздел"

SizedBox height:24
  Row spacing:8
    Text "Слева"
    Divider axis:vertical width:16
    Text "Справа"

На сайте эта запись линию не покажет (см. ниже); вариант, работающий везде:

Row spacing:8
  Text "Слева"
  SizedBox width:1 height:24
    ColoredBox color:#cccccc
  Text "Справа"

На сайте Divider рисуется верхней границей блока, то есть только горизонтальной. axis:vertical и width на сайте не читаются — вертикальный разделитель там не виден. Для вертикальной линии, которая должна работать и на сайте, соберите её вручную: SizedBox с узкой шириной и заливкой ColoredBox .
Цвет по умолчанию на сайте — светло-серый #e0e0e0 , в приложении — цвет разделителя из темы.