[flutter] textfiled에서 터치 했을때 키보드 올라오면서 화면 밀려 overflow 생기지 않도록 하기

로그인 화면을 작성하고 있는데 아이디 입력이나 비밀번호 입력을 textfield로 생성하고 앱을 실행했더니 키보드가 올라오면서 화면을 밀어버리네요.

중간에 아무것도 없으면 에러가 나지 않을것 같은데 비밀번호 입력 textfiled와 로그인 하는 버튼인 raisedButton 사이에는 자동 로그인을 체크할 수 있도록 체크박스가 존재했는데 이부분이 밀려 올라가면서 overflow 에러를 발생시켰습니다.

이 처럼 키보드가 화면을 밀고 올라가고 싶지 않다면 추가적으로 입력해주어야 합니다.

 

화면 밀리면서 자동 로그인 부분이 에러가 생김

 

 

화면이 밀리지 않아서 에러가 안나타남

 

 

class _LoginPageState extends State<LoginPage> {
    bool _chkValue = false;

    void _chkValueChanged(bool value) => setState(() => _chkValue = value);

    @override
    Widget build(BuildContext context) {
        return Scaffold(
            resizeToAvoidBottomPadding: false,  // deprecated 되었다고 합니다.

            resizeToAvoidBottomInset : false,

            body: Stack( ... )

        )

    }

}

 

위 소스코드처럼 Scaffold() 안에 resizeToAvoidBottomInset 을 false로 값을 주면 키보드가 올라오면서 화면을 밀어내지 않습니다.