[ Flutter ] Text 화면 넘침 + ellipsis 처리

 

플러터로 게시글 작업하다가, contnet 내용이 많다보니 저렇게 문제가 생겨서, 

 

Row(
    children: [
      Text(
        post.content,
        maxLines: 2,
        overflow: TextOverflow.ellipsis,
      ),
    ],
),

이렇게 만들어 보았습니다.

 

허나 이렇게 하면 될 줄 알았지만, 똑같은 현상이 발생하여 찾아보다 보니

 

https://stackoverflow.com/questions/77946051/flutter-how-to-make-text-in-row-without-overflow-in-one-or-two-line

flutter: How to make text in row without overflow in one or two line?

 

이러한 글을 발견하여, 문제를 해결하는 방법은 Expanded 또는 Flixible을 주면 된다고 합니다.

해결!

Row(
    children: [
        Expanded(
            child: Text(
              post.content,
              maxLines: 2,
              overflow: TextOverflow.ellipsis,
            ),
        ),
    ],
),