Многострочный текстовый виджет выдает мне переполненную ошибку

#flutter

#flutter

Вопрос:

У меня есть ConstrainedBox, в котором есть ListView, а у его дочерних элементов есть следующий виджет: (Мне нужны все столбцы и строки. удалено все, что не было необходимо для воспроизведения проблемы.)

 return Column(
  children: [
    Row(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Text(
              'this is some longggggggggggggggggggggggg texttttttttt that gets overflown',
              style: textStyle,
              overflow: TextOverflow.ellipsis,
              maxLines: 5,
            ),
          ],
        )
      ],
    ),
  ],
);
  

Проблема в том, что текст не переходит на следующую строку. Я попытался добавить Expand виджет к текстовому виджету, к виджету столбца и виджету строки, и когда я это делаю, это выдает мне ошибку.

Ответ №1:

Вам нужно обернуть весь внутренний Column в Expanded виджет. Вам нужно ограничить Text виджет по горизонтали. Использование Expanded в a Column ограничит его по вертикали, в то время как ограничение использования в a Row ограничит его по горизонтали и укажет Text , куда переносить.

 return Column(
  children: [
    Row(
      crossAxisAlignment: CrossAxisAlignment.start,
      children: [
        Expanded(
          child: Column(
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Text(
                'this is some longggggggggggggggggggggggg texttttttttt that gets overflown',
                style: textStyle,
                overflow: TextOverflow.ellipsis,
                maxLines: 5,
              ),
            ],
          )
        ),
      ],
    ),
  ],
);