[ Flutter ] Widget Overflow 오류 직관적으로 해결

Flutter로 애플리케이션을 개발하다 보면 자주 마주치는 오류가 있다.

바로 Widget Overflow 오류다.

만약 해당 부분이 꼭 필요하다면 다른 방법을 통해서 직관적으로 해결이 가능하다.

바로 Expand widget이나 ListView widget 또는 SingleChildScrollView를 사용하는 방법이다.

개인적으로 Expand 보다는 ListView, SingleChildScrollView를 추천한다.

왜냐하면 Expand를 사용하면 화면에서 Overflow가 되어도 그대로 냅두지만 ListView나 SingleChildScrollView를 사용하면 늘어난 만큼 스크롤할 수 있기 때문이다.

Expand 기본 사용법

Expand(
  child: YourWidget(),
),

ListView 기본 사용법

ListView.builder(
  itemCount: Your Item Count,
  itemBuilder: (context, index) {
    return YourWidget(),
  },
),

SingleChildScrollView 기본 사용법

SingleChildScrollView(
  child: YourWidget(),
),