Спросите помощника

0/400

Вопрос обрабатывается ИИ-сервисом и сохраняется для улучшения ответов. Не вводите персональные данные.

Divider

Тонкая разделительная линия. По умолчанию горизонтальная — между строками колонки; с 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 , в приложении — цвет разделителя из темы.