Row위젯에서 Text Overflow날 때

앱 막바지 출시 직전에 검토를 하다보니 연세가 있으신분들이 화면을 크게 키워서 overflow이슈가 마구 났었다.

생각지도 못한 부분... 임원분께서 나같은 사람들은 어떻게 사용하라고 라는 말 한마디에 많이 반성했다.

오버플로우 이슈를 수정하면서 한가지 플러터 꿀팁을 발견했다.

 

 

보통 나는 Row안에 좌측에 텍스트, 우측에 아이콘을 넣었는데 그사이에 spacer를 넣었다.

 

 

오버플로우 나는 지점이 다 저지점이더라

Flexible Expanded 다 넣어봤는데 줄바꿈이 예상보다 심하게 일어난다.

 

결국에 해결했는데 가장 중요한 포인트는 Spacer를 쓰지 않는다는거다

 

Spacer를 쓰지 않고 Expanded로 텍스트를 감싸니 화면크기 키우는 이슈는 이쁘게 해결됐다.

 

 

 

고로 기억하자

 

좌측에 텍스트, 우측에 아이콘일때

 

Spacer를 쓰지말고

 

텍스트에만 Expanded를 감싸주자!