Как использовать многоточечный текст в Flutter

Question

Когда я настраиваю текстовый виджет с максимум 1 строкой и переполнением, установленным на многоточие, виджет отображается правильно.

 Text(
    "Last summer, I was working on a prototype for an AR app that would allow users to create
     virtual objects in real world spaces. I carried out the work using the Unity3D game engine.
     My last commit to the repository was five months ago.",
     maxLines: 1,
     overflow: TextOverflow.ellipsis
     )

Однако, когда я установил максимальное количество строк на любое число, большее 1, число строк ограничено правильно, но многоточие переполнения не отображается.

 Text(
    "Last summer, I was working on a prototype for an AR app that would allow users to create
     virtual objects in real world spaces. I carried out the work using the Unity3D game engine.
     My last commit to the repository was five months ago.",
     maxLines: 2,
     overflow: TextOverflow.ellipsis
     )

Как настроить виджет Текст для отображения многоточия переполнения, если для maxLines установлено более одной строки?

Answer 1

В вашем примере максимальное количество строк равно 3, но текст просто показывает 2 строки текста. Это означает, что вы не предоставляете достаточную высоту для максимальных линий (например, высоту его контейнера).

Таким образом, вы можете предоставить больше места для него или уменьшить максимальное количество строк до 2 или поместить текстовый виджет в виджеты Flex (например, ListView). , ...)

Вы можете проверить это, чтобы понять, что я имею в виду для

        Container(
          height: 100,
          child: Text(
            "Last summer, I was working on a prototype for an AR app that would allow users to create virtual objects in real world spaces. I carried out the work using the Unity3D game engine. My last commit to the repository was five months ago.",
            maxLines: 3,
            overflow: TextOverflow.ellipsis,
          ),
        ),