Flutter : A RenderFlex overflowed by 9.0 pixels on the right

A RenderFlex overflowed by 9.0 pixels on the right

 

증상 : Flutter UI 작업 중 "A RenderFlex overflowed by 9.0 pixels on the right" 메시지 확인될 때,

아래 그림과 같이 실행 시 ToggleSwitch(Disable)에서 의도치 않은(?) 이미지 나타남

 

1. 실행 시 화면

Runtime : A RenderFlex overflowed Screeen

 

2. Debug 창에도 "A RenderFlex overflowed by 9.0 pixels on the right" 메시지 빨간색으로 표시 됨

Debug window : A RenderFlex overflowed Screen

 

 

처리 : Container 및  ToggleSwitch의 AutoSizeText Widget의 사이즈를 적절히 조정하여 해결 함
( 위 Debug창 확인 시 Exception 발생한 이유 잘 나와 있음 by 9.0 pixels on the right )

 

문제되는 Widget 사이즈 조정 화면

Rresolved : A RenderFlex overflowed Screen