[Error] bottom overflowed by pixels

문제점

화면에 위젯들을 보여줄 공간이 부족해서 발생하는 오류이다.

내 경우엔 Column 위젯에 TextFormField 위젯들을 자식으로 나열한 상태에서 입력을 위해 키보드가 나올 때 세로 공간이 부족해서 발생했다.

 

해결법

Column위젯의 부모를 SingleChildScrollView로 줘서 위젯들을 렌더링하는데 필요한 세로 크기가 화면 크기보다 크면 스크롤 되어 볼 수 있도록 만들어 해결

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

 

---

 

참고