Flutter에서 column의 flexible 사용 시 'NEEDS-PAINT', 'hasSize' 오류 해결법

Flutter에서 Column과 SingleChildScrollView 사용 시 발생하는 사이즈 관련 문제 해결

Flutter에서 여러 Column에 Flexible를 사용하다 보면, 때때로 예상치 못한 사이즈 관련 오류에 부딪힐 수 있습니다. 특히, 특정 Column에서만 문제가 발생하며, 부모 위젯을 수정해도 해결되지 않는 경우가 있습니다.

그런 경우 대부분은 해당 Column 내부에 SingleChildScrollView를 사용한 것이 원인일 가능성이 높습니다. 이 문제를 해결하는 방법은 여러 가지가 있습니다:

1. Column의 상위에 ConstrainedBox를 넣고 높이값을 MediaQuery를 활용해서 지정합니다.
2. Column의 mainAxisSize 속성을 MainAxisSize.min으로 설정합니다.

위 두 가지 방법 중 하나를 적용해 보시면, SingleChildScrollView와 Column을 함께 사용할 때 발생하는 사이즈 관련 오류를 해결할 수 있을 것입니다.