[Flutter] 코딩셰프 조금 매운 맛 - 로그인과 주사위 게임 플러터 앱 만들기

유용하게 쓰일 것 같은 코드 모음

 

 

 

[ TextField 입력과 유효성 검사 ]

if (controller.text == 'dice' && controller2.text == '1234') {
    Navigator.push(context, MaterialPageRoute(builder: (BuildContext context) => dice()));
}

이 부분은 사용자 입력(아이디와 비밀번호)을 받아 유효성 검사를 수행하고 입력값이 일치하는 경우 새로운 화면으로 이동하게 함.

유효성 검사는 로그인 기능의 중요한 로직으로, 올바른 인증 절차 없이 다음 화면으로 이동하지 않도록 방지하는 역할을 함!

 

 

 

[ SnackBar를 이용한 오류 메시지 출력 ]

ScaffoldMessenger.of(context).showSnackBar(
    SnackBar(content: Text('로그인 정보를 다시 확인하세요.', textAlign: TextAlign.center),
        duration: Duration(seconds: 2),
        backgroundColor: Colors.blue)
);

SnackBar를 사용하여 로그인 실패 이유(아이디 오류, 비밀번호 오류 등)에 따른 메시지를 화면에 보여주는 기능으로,

사용자가 입력을 실수했을 때 피드백을 주고 사용자가 수정할 수 있도록 돕는 사용자 경험 향상에 있어 중요한 요소임!

 

 

 

[ SingleChildScrollView 사용 ]

SingleChildScrollView(
    child: Column(
        children: [...]
    )
);

키보드가 올라왔을 때 화면이 잘려 보이지 않도록 스크롤이 가능하게 해주는 SingleChildScrollView

이를 통해 입력 화면이 가려지지 않고 사용자가 입력을 완료할 수 있기 때문에 모바일 환경에서 특히 중요함!