[Flutter] BOTTM OVERFLOWED BY PIXELS 해결 방법 모음

 

 

BOTTM OVERFLOWED BY PIXELS 오류

해당 오류는 Text를 입력해야하는 부분을 클릭을 했을 때 키보드가 올라오면서 위젯들이 키보드와 함께 위로 밀려나면서 fixel 오버플로우가 발생하면서 노란색 빗금이 생긴다.

 

 

해당 문제를 아래의 방법으로 해결할 수가 있다.

 

 

 

 

BOTTM OVERFLOWED BY PIXELS 해결책

 

 

1. Scaffold 아래에 resizeToAvoidBottomInset 사용하기

resizeToAvoidBottomInset: false,

 

 

 

 

 

 

 

 

2. body 부분에 SingleChildScrollView 사용하기

'

 

body에 해당하는 코드를 SingleChildScrollView()로 묶어주면 된다.

위젯들이 화면을 초과한다면 손가락으로 화면을 내려야 하는 스크롤 형태로 구성이 된다.

SingleChildScrollView()