Flutter TextFormField

황인호·2022년 12월 21일
0

Flutter

작업하던 도중에 Input 박스를 클릭하면 오류가 발생했고

해당 문제는 키보드에 의해 가려지는 위젯이 생겼을 때 나타나는 문제로.

기본적으로 상위 위젯인 Scaffold에

resizeToAvoidBottomInset : false, 를 추가하는 것으로 해당 경고문을 숨길수 있지만

키보드가 올라와 있는상태에서 키보드 뒤의 위젯을 확인하기가 어렵다.

해결 방법은 SingleChildScrollView 로 위젯을 감싸면된다.

@override
  Widget build(BuildContext context) {
    return Scaffold(
      body: Align(
        alignment: Alignment.center,
        child: SingleChildScrollView(
          child: Column(
            mainAxisAlignment: MainAxisAlignment.center,
            children: [
              Logo(),
              LoginId(),
              LoginPassword(),
              LoginSubmit(),
            ],
          ),
        ),
      ),
    );
  }
profile
성장중인 백엔드 개발자!!

0개의 댓글