[Flutter] Widget의 overflowed pixcels error 처리

 

 

Flutter 소스를 분석하다보면 잘만든 오픈소스에서조차 종종 발견되는 에러가 "overflowed by OO pixcels" 에러이다. Flutter가 widget 화면을 그릴 시,  지정된 값이 주어진 화면을 "넘어가는 경우" 발생하는 에러인데 Flutter overflowed pixcels error로 구글링을 보면 다양한 해결방법(버그의 원인이 다양하다는 뜻이기도 함)을 알려주고 있다.

 

그런데 문제는 공사장 표시를 제거하는 방법을 알려주는 포스팅이 거의 없다는 점이다.

 

화면픽셀이 다를 경우, 정확하게 알려주기 위해 화면에 공사장표시를 보여주는 것은 괜찮다고 생각하지만

실제 서비스 되는 앱에서 저런 화면이 나온다는 것은 치명적인 문제일 수 밖에 없다.

그리고 화면디자인이 완벽하게 돌아가는 앱이나 웹은 없다. 그것은 디자이너들의 바램일 뿐, 현실세계에서는 "사소한(?) 오류"가 존재한다.

 

여하튼, 저런화면이 나온다고 해서 스트레스 받을 필요없다.

 

"개발모드(debug)일 경우만 표시되는 에러이고
release로 빌드시 해당화면표시는 하지 않는다."

 

flutter run --release