[Flutter] Text위젯 자동 줄바꿈으로 잘림 현상 해결 (Flexible)

이번에 사용자 정보를 담는 위젯을 꾸미고 있었는데 한 가지 문제가 발생했다.

Row안에 Text를 넣었는데 글자 수가 너무 많을 경우 잘리는 현상이 발견했던 것이다.

Text속성에 overFlow 옵션을 적용해주는 방법을 사용하려 했지만, 이 방법은 

부모 위젯의 사이즈가 지정되어야 잘리는 현상을 해결할 수 있는 것 같았다.

 

그래서 찾은 방법이 Flexible을 알게 되었다.

Row나 Column 위젯에서 남은 자리를 전부 채우도록 설정하는 위젯인데,

아래 코드처럼 Flexible을 부모로서 감싸주면 해결이 가능하다.

	Row(
            mainAxisSize: MainAxisSize.max,
            crossAxisAlignment: CrossAxisAlignment.start,
            children: [
              Text(
                '이름:',
              ),
              SizedBox(
                width: 10,
              ),
              Expanded( 
                child: Text(
                  'your long text hereeldlksjdfksdjlksjlkdfjskdlfjljk',
                ),
              ),
            ],
          ),

 

 

해결 완료!