[Feat] 회원가입 누르고 ProgreessView처리

APP-iOS1 · Dec 28, 2022 · 4b98c75 · 4b98c75
1 parent ab2a77c
commit 4b98c75
Showing 1 changed file with 85 additions and 74 deletions.
diff --git a/...-a-customer-ios/big-project-a-customer-ios/FolderLoginSignUp/SignUp/SignUpStep2View.swift b/...-a-customer-ios/big-project-a-customer-ios/FolderLoginSignUp/SignUp/SignUpStep2View.swift
@@ -44,82 +44,93 @@ struct SignUpStep2View: View {
     // MARK: - Body SignUpStep2View
     /// SignUpStep2View의 body 입니다.
     var body: some View {
-        NavigationStack {
-            VStack {
-                HStack {
-                    Text("닉네임을\n입력해 주세요.")
-                        .font(.title2)
-                    Spacer()
-                } // HStack 입력 안내문구
-                .padding(EdgeInsets(top: 30, leading: 15, bottom: 40, trailing: 15))
-
-                VStack(spacing: 5) {
-                    TextField("닉네임 (6자리 이내)", text: $nickNmae)
-                        .focused($isInFocusNickName)
-                        .modifier(LoginTextFieldModifier())
-                        .frame(height: 30)
-                    Rectangle()
-                        .modifier(LoginTextFieldRectangleModifier(stateTyping: isInFocusNickName))
-                } // VStack TextField 닉네임
-
-                Spacer()
-                Divider() // 로그인 버튼 구분선
-
-                Button {
-                    // 앞서 입력한 이메일과 비밀번호로 Firebase Auth에 계정을 생성하고 사용자 정보 문서(이메일, 닉네임)가 생성되어야 함.
-                    // ** 서버 연동 후 필요한 코드 **
-//                    signUpWithEmailPassword()
-                    // ** 임시 **
-                    // Login Sheet를 띄울 때 사용되었던 Bool변수(얘: isShowingSheet)를 toggle 시켜야 함.
-                    isShowSucceedToast.toggle()
+		ZStack {
+			NavigationStack {
+				VStack {
+					HStack {
+						Text("닉네임을\n입력해 주세요.")
+							.font(.title2)
+						Spacer()
+					} // HStack 입력 안내문구
+					.padding(EdgeInsets(top: 30, leading: 15, bottom: 40, trailing: 15))
 
-					DispatchQueue.main.asyncAfter(deadline: .now() + 1) {
-						isLoginSheet = false
+					VStack(spacing: 5) {
+						TextField("닉네임 (6자리 이내)", text: $nickNmae)
+							.focused($isInFocusNickName)
+							.modifier(LoginTextFieldModifier())
+							.frame(height: 30)
+						Rectangle()
+							.modifier(LoginTextFieldRectangleModifier(stateTyping: isInFocusNickName))
+					} // VStack TextField 닉네임
+
+					Spacer()
+					Divider() // 로그인 버튼 구분선
+
+					Button {
+						// 앞서 입력한 이메일과 비밀번호로 Firebase Auth에 계정을 생성하고 사용자 정보 문서(이메일, 닉네임)가 생성되어야 함.
+						// ** 서버 연동 후 필요한 코드 **
+						//                    signUpWithEmailPassword()
+						// ** 임시 **
+						// Login Sheet를 띄울 때 사용되었던 Bool변수(얘: isShowingSheet)를 toggle 시켜야 함.
+						isShowSucceedToast.toggle()
+
+						DispatchQueue.main.asyncAfter(deadline: .now() + 1) {
+							isLoginSheet = false
+						}
+					} label: {
+						// ** 임시 **
+						RoundedRectangle(cornerRadius: 15)
+							.modifier(LoginButtonModifier(label: "회원가입"))
+						// ** 서버 연동 후 필요한 코드 **
+						//                    // 비동기 작업이 끝나기 전까지(작업 중)는 ProgressView를 띄워서 회원가입 버튼을 없앤다.
+						//                    if signUpViewModel.authenticationState == .authenticating {
+						//                        ProgressView()
+						//                            .progressViewStyle(CircularProgressViewStyle(tint: .black))
+						//                            .frame(height: 40)
+						//                    } else { // 계정 생성 전이나 후에는 버튼을 띄운다.
+						//                        RoundedRectangle(cornerRadius: 15)
+						//                            .modifier(LoginButtonModifier(label: "회원가입"))
+						//                    }
 					}
-                } label: {
-                    // ** 임시 **
-                    RoundedRectangle(cornerRadius: 15)
-                        .modifier(LoginButtonModifier(label: "회원가입"))
-                    // ** 서버 연동 후 필요한 코드 **
-//                    // 비동기 작업이 끝나기 전까지(작업 중)는 ProgressView를 띄워서 회원가입 버튼을 없앤다.
-//                    if signUpViewModel.authenticationState == .authenticating {
-//                        ProgressView()
-//                            .progressViewStyle(CircularProgressViewStyle(tint: .black))
-//                            .frame(height: 40)
-//                    } else { // 계정 생성 전이나 후에는 버튼을 띄운다.
-//                        RoundedRectangle(cornerRadius: 15)
-//                            .modifier(LoginButtonModifier(label: "회원가입"))
-//                    }
-                }
-                // TextField가 비어있으면 "회원가입" 버튼 비활성화
-                .disabled(nickNmae.isEmpty || nickNmae.count > 6 ? true : false)
-
-            } // VStack
-            .background(Color.white) // 화면 밖 터치할 때 백그라운드 지정을 안 해주면 View에 올라간 요소들 클릭 시에만 적용됨.
-            .onTapGesture() { // 키보드 밖 화면 터치 시 키보드 사라짐
-                endEditing()
-            } // onTapGesture
-            .toolbar {
-                ToolbarItem(placement: .principal) { // 회원가입 진행 현황 툴바
-                    CustomProgressView(nowStep: 3)
-                } // toolbarItem 
-            } // toolbar
-            .popup(isPresented: $isShowSucceedToast, type: .floater(useSafeAreaInset: true), position: .top, animation: .default, autohideIn: 2, dragToDismiss: true, closeOnTap: true, closeOnTapOutside: true, view: {
-                HStack {
-                    Image(systemName: "checkmark.circle")
-                        .foregroundColor(.white)
-
-                    Text("회원가입이 성공적으로 완료되었습니다.")
-                        .foregroundColor(.white)
-                        .font(.footnote)
-                        .bold()
-                }
-                .padding(EdgeInsets(top: 10, leading: 20, bottom: 10, trailing: 20))
-                .background(Color.green)
-                .cornerRadius(100)
-            }) // Toast
-
-        } // NavigationStack
+					// TextField가 비어있으면 "회원가입" 버튼 비활성화
+					.disabled(nickNmae.isEmpty || nickNmae.count > 6 ? true : false)
+				} // VStack
+				.background(Color.white) // 화면 밖 터치할 때 백그라운드 지정을 안 해주면 View에 올라간 요소들 클릭 시에만 적용됨.
+				.onTapGesture() { // 키보드 밖 화면 터치 시 키보드 사라짐
+					endEditing()
+				} // onTapGesture
+				.toolbar {
+					ToolbarItem(placement: .principal) { // 회원가입 진행 현황 툴바
+						CustomProgressView(nowStep: 3)
+					} // toolbarItem
+				} // toolbar
+				.popup(isPresented: $isShowSucceedToast, type: .floater(useSafeAreaInset: true), position: .top, animation: .default, autohideIn: 2, dragToDismiss: true, closeOnTap: true, closeOnTapOutside: true, view: {
+					HStack {
+						Image(systemName: "checkmark.circle")
+							.foregroundColor(.white)
+
+						Text("회원가입이 성공적으로 완료되었습니다.")
+							.foregroundColor(.white)
+							.font(.footnote)
+							.bold()
+					}
+					.padding(EdgeInsets(top: 10, leading: 20, bottom: 10, trailing: 20))
+					.background(Color.green)
+					.cornerRadius(100)
+				}) // Toast
+
+			} // NavigationStack
+
+			if isShowSucceedToast {
+				Color.black
+				  .opacity(0.7)
+				  .ignoresSafeArea()
+
+				ProgressView()
+					.foregroundColor(.black)
+					.scaleEffect(3)
+			}
+		} // ZStack
     } // Body
 }