Merge pull request #112 from DSM-PICK/feature/(#110)-classMove_Floor_chore

🔗 :: (#110) 교실이동 수락 특정 층 레이아웃 수정

Author: leejh08

Projects/Feature/AcceptFeature/Sources/Scene/AcceptView.swift

@@ -16,7 +16,7 @@ public struct AcceptView: View {
     @Environment(\.dismiss) var dismiss
     @State private var isApplyBottomSheetPresented = false
     @State private var selectedOption: ApplicationType = .outgoing
-    @State private var selectedFloor: Int = 1
+    @State private var selectedFloor: Int = 3
     @State private var showApprovePopup = false
     @State private var showRejectPopup = false
     let store: StoreOf<AcceptReducer>
@@ -64,31 +64,44 @@ public struct AcceptView: View {
                     .padding(.horizontal, 24)
 
                 if selectedOption == .classroomMove {
-                    ScrollView(.horizontal, showsIndicators: false) {
-                        HStack(spacing: 8) {
-                            ForEach(1...5, id: \.self) { floor in
-                                Button {
-                                    selectedFloor = floor
-                                    viewStore.send(.fetchApplicationsByFloor(floor: floor))
-                                } label: {
-                                    Text("\(floor)층")
-                                        .pickText(
-                                            type: .body1,
-                                            textColor: selectedFloor == floor ? .Primary.primary500 : .Gray.gray600
-                                        )
-                                        .frame(width: 114, height: 32)
-                                        .background(
-                                            selectedFloor == floor
-                                            ? Color.Primary.primary50
-                                            : Color.clear
-                                        )
-                                        .cornerRadius(8)
+                    ScrollViewReader { proxy in
+                        ScrollView(.horizontal, showsIndicators: false) {
+                            HStack(spacing: 8) {
+                                ForEach([1, 2, 3, 4, 5], id: \.self) { floor in
+                                    Button {
+                                        selectedFloor = floor
+                                        viewStore.send(.fetchApplicationsByFloor(floor: floor))
+                                    } label: {
+                                        Text("\(floor)층")
+                                            .pickText(
+                                                type: .body1,
+                                                textColor: selectedFloor == floor ? .Primary.primary500 : .Gray.gray600
+                                            )
+                                            .frame(width: 114, height: 32)
+                                            .background(
+                                                selectedFloor == floor
+                                                ? Color.Primary.primary50
+                                                : Color.clear
+                                            )
+                                            .cornerRadius(8)
+                                    }
+                                    .id(floor)
                                 }
                             }
+                            .padding(.horizontal, 24)
                         }
-                        .padding(.horizontal, 24)
+                        .onAppear {
+                            proxy.scrollTo(3, anchor: .center)
+                        }
+                        .onChange(of: selectedOption) { newValue in
+                            if newValue == .classroomMove {
+                                DispatchQueue.main.asyncAfter(deadline: .now() + 0.1) {
+                                    proxy.scrollTo(3, anchor: .center)
+                                }
+                            }
+                        }
+                        .padding(.top, 16)
                     }
-                    .padding(.top, 16)
                 }
 
                 HStack(spacing: 0) {

Projects/Feature/ClassroomMoveListFeature/Sources/Scene/ClassroomMoveListView.swift

@@ -43,29 +43,35 @@ public struct ClassroomMoveListView: View {
                         .padding(.horizontal, 24)
 
                     if viewStore.currentType == .floor {
-                        ScrollView(.horizontal, showsIndicators: false) {
-                            HStack(spacing: 8) {
-                                ForEach([2, 3, 4], id: \.self) { floor in
-                                    Button {
-                                        selectedFloor = floor
-                                        viewStore.send(.fetchFloor(floor))
-                                    } label: {
-                                        Text("\(floor)층")
-                                            .pickText(
-                                                type: .body1,
-                                                textColor: selectedFloor == floor ? .Primary.primary500 : .Gray.gray600
-                                            )
-                                            .frame(width: 114, height: 32)
-                                            .background(
-                                                selectedFloor == floor
-                                                ? Color.Primary.primary50
-                                                : Color.clear
-                                            )
-                                            .cornerRadius(8)
+                        ScrollViewReader { proxy in
+                            ScrollView(.horizontal, showsIndicators: false) {
+                                HStack(spacing: 8) {
+                                    ForEach([1, 2, 3, 4, 5], id: \.self) { floor in
+                                        Button {
+                                            selectedFloor = floor
+                                            viewStore.send(.fetchFloor(floor))
+                                        } label: {
+                                            Text("\(floor)층")
+                                                .pickText(
+                                                    type: .body1,
+                                                    textColor: selectedFloor == floor ? .Primary.primary500 : .Gray.gray600
+                                                )
+                                                .frame(width: 114, height: 32)
+                                                .background(
+                                                    selectedFloor == floor
+                                                    ? Color.Primary.primary50
+                                                    : Color.clear
+                                                )
+                                                .cornerRadius(8)
+                                        }
+                                        .id(floor)
                                     }
                                 }
+                                .padding(.horizontal, 24)
+                            }
+                            .onAppear {
+                                proxy.scrollTo(3, anchor: .center)
                             }
-                            .padding(.horizontal, 24)
                         }
                         .padding(.top, 16)
                     } else {