[Flutter] 컴파일 에러 The overflowing RenderFlex has an orientation of Axis.vertical.The edge of the RenderFlex that is overflowing has been marked in the rendering with a yellow and black striped pattern. This is usually caused by the contents bei..

 

 

 

 

 

The overflowing RenderFlex has an orientation of Axis.vertical.The edge of the RenderFlex that is overflowing has been marked in the rendering with a yellow and black striped pattern. This is usually caused by the contents being too big for the RenderFlex.

 

넘친 RenderFlex의 방향은 Axis.vertical입니다. 넘치고 있는 RenderFlex의 가장자리는 렌더링에서 노란색과 검은색 줄무늬 패턴으로 표시되었습니다. 이는 일반적으로 내용이 RenderFlex에 비해 너무 커서 발생합니다.

 

 

 

해결하는 방법은 보통 코드를 잘못짠경우나 기존의 Colum 이 너무 길어서 생기는 문제일 수 있으므로 Colum을 다음과 같이 SingleChildScrollView로 Wrapping 해준다. 

SingleChildScrollView(
    child: Column(
      ...
    ),
),

 

 

 

 

 

 

 

댓글과 공감은 큰 힘이 됩니다. 감사합니다. !!!

 

 

참고 

https://stackoverflow.com/questions/67476311/overflowing-renderflex-has-an-orientation-of-axis-vertical

Overflowing RenderFlex has an orientation of Axis.vertical