Строка: перенос текста, если пробел, заполните разделителем - PullRequest
0 голосов
/ 30 марта 2020

У меня есть Row, который содержит текст и расширяющийся Divider. Обычно текст действительно короткий, поэтому разделитель занимает большую часть ширины.

Row (
  children: <Widget>[
    Text('some text'),
    Expanded(
      child: Divider()
    )
  ]
)

Но иногда текст становится длиннее, поэтому он занимает больше ширины. В этом случае его следует перенести во вторую строку. Я также пытался обернуть Text в Expanded, но в этом случае разделитель занимает половину пространства, независимо от длины текста.

Как мне добиться такого поведения ( тире должен быть разделителем):

Short Text ---------------

Loooooooooooooong Text ---

Tooooooooooooooooooo -----  // <- Divider should be vertically centered
Long Text 

1 Ответ

0 голосов
/ 30 марта 2020

Попробуйте вот так

Container(
              child: Row(
            children: <Widget>[
              Flexible(child: new Text("A  text")),
              SizedBox(
                width: 20,
              ),
              Text('some text'),
            ],
          )),

ВЫХОД

При длинном тексте

enter image description here

Использование краткого текста

enter image description here

...