Отображение фрагментов и текста в нескольких строках с флаттером

Я пытаюсь отобразить фишки и длинные строки текста, заключенные в несколько строк внутри строки.

Это неверно

Я хочу, чтобы это было так, за исключением метки и выравнивания в одной строке.

Мой текущий код:

        return new Column(
          mainAxisSize: MainAxisSize.max,
          children: <Widget>[
            new Wrap(
              spacing: 8.0,
              runSpacing: 4.0,
              direction: Axis.horizontal,
              children: <Widget>[
                new Tag(tagLabel: 'Chip1'),
                new Text('This is a very, very long text that should wrap. The second line should be shown below the first chip!'),
                new Chip(label: new Text('Chip2')),
                new Chip(label: new Text('Chip3')),
                new Chip(label: new Text('Chip4')),
                new Chip(label: new Text('Chip5')),
                new Chip(label: new Text('Chip6'))
              ],
            )
          ],
        );

Любая идея?


person aksn    schedule 15.06.2018    source источник
comment
Такой сложной верстки текста пока нет. Доступны только прямоугольные рамки.   -  person Rémi Rousselet    schedule 15.06.2018
comment
WidgetSpan помог мне. См. это сообщение.   -  person Codered    schedule 02.02.2020


Ответы (1)


Вам нужно заключить тег 1 и текст 1 в строку и все в столбец. И небольшая корректировка размера чипа. По умолчанию он расширяет всю строку с экрана.

person Luiz Palte    schedule 25.04.2019