![E-Commerce >> 2일차 [1]](https://image.inblog.dev?url=https%3A%2F%2Fsource.inblog.dev%2Ffeatured_image%2F2025-02-19T15%3A11%3A55.888Z-2edc6753-0cc4-4f3e-963c-23210c9d6804&w=3840&q=75)
로그인 화면 구현
SingleChildScrollView 위젯을 사용해서 구현했다.
child 속성에 SafeArea 위젯을 넣어주고,
SafeArea 위젯에 Column 위젯을 사용한다.
이후 TextFormField 위젯을 나열하여 입력칸을 만들어 주었다.
코드 일부
로그인 화면
회원가입 페이지 구현’
로그인 페이지에서 Sign Up을 누르면 이동하게 해야한다.
로그인 페이지 코드 중 해당되는 코드
Sign Up 문자의 부분을 TextButton 위젯으로 만들어주고,
해당 위젯의 onPressed를 사용하여 페이지 이동이 가능하게 만들어주었다.
Sign Up 터치 이후 나오는 회원가입 페이지
비밀번호 찾기 페이지 구현
로그인 페이지에서 사용자가 비밀번호를 까먹고 찾고 싶을 때, 사용되는 페이지를 구현한다.
화살표가 가리키는 곳을 터치했을 때 이동하게 끔 해주었다.
로그인 페이지 코드 중 해당되는 코드
회원가입과 마찬가지로 동일한 방식이다.
Alignment.bottomRight를 사용해 위치를 조정했다.
Share article