E-Commerce >> 2일차 [2]

어플 구현 따라하기
김인범's avatar
Feb 19, 2025
E-Commerce >> 2일차 [2]

비밀번호 조회 페이지 구현

notion image
Forgot Password를 누르면 아래의 화면이 나온다.
notion image
사용자가 이메일을 입력하는 칸에 잘못 입력했을 시,
한번에 지울 수 있도록 해주었다.
notion image
아무것도 입력이 안되어 있는 상태에서는 X 가 안 보이도록 해주었다.
notion image
notion image
emailController와 함께 clrButton을 만들어주고,
val이 빈 문자열이 아닐 경우 clrButton의 상태를 false에서 true로 바꾼다.
그러면 CupertinoIcons.multiply 아이콘이 나타나고, 사용자가 클릭할 시,
컨트롤러의 .clear를 통해 해당 textFormFeild에 입력했던 문자가 지워진다.

send Code를 누른 뒤 나오는 화면 구현

사용자가 이메일을 통해 수정 코드를 받고 나면,
비밀번호를 수정할 수 있는 화면이 나오게 끔 구현했다.
notion image
 
Share article

taker