Flutter Multiline для текста

Думаю, вы забыли добавить тип overflow.

Вы можете использовать что-то вроде этого:

Text(
     "TOP ADDED",
     textAlign: TextAlign.justify,
     overflow: TextOverflow.ellipsis,
     style: TextStyle(fontSize: 18.0),
     maxLines: 2,)

Может быть, попробовать использовать TextField:

new TextField(
  keyboardType: TextInputType.multiline,
  maxLines: 2,
)

Обновленный тент

Я наткнулся на это видео на официальном канале Flutter, который довольно хорошо объясняет эту проблему. Они рекомендуют использовать виджет LimitedBox.

Короткий ответ

Все, что требуется для многострочного текста, - это то, что ширина ваших виджетов Text() ограничена родительским виджетом. Например:

SizedBox(
    width: 150,
    child: Text(
    "This text is very very very very very very very very very very very very very very very very very very very very very very very very very long",
    ),
),

Длинный ответ

Минимальный рабочий пример + пояснение:

import 'package:flutter/material.dart';
void main() => runApp(MyApp());
class MyApp extends StatelessWidget {
  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      home: Scaffold( //Text widgets, multi-line or not, need a Scaffold widget somewhere up the widget tree.
        body: Row( //Widgets which help to display a list of children widgets are the 'culprit', they make your text widget not know what the maximum width is. In OP's example it is the ButtonBar widget.
          children: [
            Container( 
              width: 100, //This helps the text widget know what the maximum width is again! You may also opt to use an Expanded widget instead of a Container widget, if you want to use all remaining space.
              child: Center( //I added this widget to show that the width limiting widget doesn't need to be a direct parent.
                child: Text(
                  "This text is very very very very very very very very very very very very very very very very very very very very very very very very very long",
                ),
              ),
            ),
          ],
        ),
      ),
    );
  }
}

Дополнительный

Вы также упомянули maxlines. Это свойство ограничивает максимальное количество строк. Если это то, что вы хотите, я рекомендую вам также поиграть со свойством overflow.

SizedBox(
  width: 100,
  child: Text(
    "This text is very very very very very very very very very very very very very very very very very very very very very very very very very long",
    maxLines: 2,
    overflow: TextOverflow.ellipsis,
  ),
),

попробуй это:

Expanded(            
    child: Text(
      'a long text',
      overflow: TextOverflow.clip,
    ),
),

в моей реализации я поместил это в строку и окружил его размерными полями с каждой стороны, чтобы у меня было некоторое пространство между моими элементами, вы можете спросить, зачем использовать расширенный, ну, он используется для того, чтобы занимать как можно больше места, чтобы текст выглядел хорош в портретном или ландшафтном режиме.

и вот полный пример того, как заставить его реагировать даже по вертикали, а не только по горизонтали:

Card(
  child: InkWell(
    onTap: (){},
    child: Padding(
      padding: const EdgeInsets.all(8.0),
      child: Row(
        children: <Widget>[
          SizedBox(
            height: 70, // default\minimum height
          ),
          Container(
            height: 44,
            width: 44,
            decoration: BoxDecoration(
                color: Colors.blue,
                borderRadius: BorderRadius.all(Radius.circular(22))),
          ),
          SizedBox(
            width: 15,
          ),
          Expanded(
            child: Text(
              'the very long title',
              overflow: TextOverflow.clip,
            ),
          ),
          SizedBox(
            width: 10,
          ),
          Text(
            'value', //some other text in the end of the card or maybe an icon instead
          ),
          SizedBox(
            width: 30,
          ),
        ],
      ),
    ),
  ),
)

Просто оберните свой текстовый виджет расширенным, как показано ниже

    Expanded(
      child: Text('data', maxLines: 4,
        overflow: TextOverflow.ellipsis,
        textDirection: TextDirection.rtl,
        textAlign: TextAlign.justify,),
    ),

Вы можете использовать эту уловку. Text( ''' This is very big text''' ), Просто заключите текст в три одинарные кавычки, и flutter отформатирует текст в соответствии с его длиной. Нет необходимости использовать максимальное количество строк и текстовое поле.

Используйте расширенный виджет со столбцом для получения многострочного текста.

Expanded(child: 
 Column(crossAxisAlignment: CrossAxisAlignment.start ,
 children: [
            Text(food.title),
            Text(food.price)
           ]
))

Лучший способ справиться с этим:

Expanded(
child: Text(document['content'],
textAlign: TextAlign.start,
overflow: TextOverflow.ellipsis,
maxLines: 20,
))

Просто оберните текстовый виджет в гибкий. Поскольку он использует только необходимое пространство. После maxLines он просто сокращается до многоточия.

If you want unlimited lines, just remove maxLines attribute. With the help of Flexible, it uses space which widget needs.

Flexible(
  child: Text('Long Text', maxLines: 3,
    overflow: TextOverflow.ellipsis,
    textAlign: TextAlign.justify,
  ),
),