키보드 오버플로우
키보드가 올라오면서 화면에 오버플로우가 발생하는 현상
TextField overflow 해결방법
resizeToAvoidBottomInset
키보드가 올라와도 텍스트 필드 영역이 온전하게 보일 때 사용하기 좋음
scaffold의 속성 resizeToAvoidBottomInset을 false로 설정.
return Scaffold(
resizeToAvoidBottomInset: false,
appBar: AppBar()
body: ~
);SingleChildScrollView
키보드가 올라왔을 때 텍스트 필드 영역이 온전하게 보이지 않을 때 사용하기 좋음. 키보드가 올라왔을 때 스크롤 가능
scaffold의 body속성에 적용되어 있었던 위젯을 SingleChildScrollView 위젯으로 감싸 줌.
return Scaffold(
appBar: AppBar(생략),
body: SingleChildScrollView(
child: Container(
생략
)));