inblog logo
|
taker
    플러터

    E-Commerce >> 2일차 [2]

    어플 구현 따라하기
    김인범's avatar
    김인범
    Feb 19, 2025
    E-Commerce >> 2일차 [2]
    Contents
    비밀번호 조회 페이지 구현send Code를 누른 뒤 나오는 화면 구현

    비밀번호 조회 페이지 구현

    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

    RSS·Powered by Inblog