Flutter 개발 팁: 디바이스 화면보다 긴 화면과 키보드 가림 문제 해결하기

Flutter에서 화면 스크롤 문제 해결: SingleChildScrollView 위젯 활용

flutter로 모바일 개발을 하다보면 화면이 디바이스 길이보다 길어 질 경우가 많다. 이럴 경우 일반적으로 자동스크롤이 될 거 같지만 생각과 다르게 넘어가는 부분은 그냥 짤리게 된다. (딱 디바이스 화면 만큼만 나온다.) 키보드가 올라오는 상황에서 아래 화면들이 짤리면 스크롤 되서 볼 수 있는게 일반적이지만 flutter는 그렇지 않다.

이런 문제는 아래와 같은 방법으로 대부분 간단하게 해결 할 수 있는데 위젯 가장 상위에 SingleChildScrollView위젯을 넣어주기만 하면 된다.

SingleChildScrollView, 이름에서 유추 할 수 있듯이 하나의 자식위젯을 갖는 스크롤 위젯인데 아주 간단한 방법이지만 처음 시작하는 입장으로는 생각해내기가 쉽지 않다. 화면 스크롤이 필요한 경우에 위 위젯을 잘 활용해서 사용 하면 될 것 같다.