feature: WuxiaInfoView에서 스크롤로 닫는 기능과 X버튼으로 닫는 기능 ㄷ모두 구현

Author: moonkey48

WuxiaMeditation.xcodeproj/project.xcworkspace/xcuserdata/austinsmacbookprom3.xcuserdatad/UserInterfaceState.xcuserstate

@@ -65,7 +65,7 @@ struct SettingView: View {
                         isShowWuxiaInfo = true
                     } label: {
                         HStack(spacing: 24) {
-                            Text("무협인문 武俠入門")
+                            Text("무협입문 武俠入門")
                                 .font(.customTitle3Bold)
                             Spacer()
                             Image(systemName: "ipad.and.arrow.forward")
@@ -111,7 +111,7 @@ struct SettingView: View {
             }
             .padding()
             .sheet(isPresented: $isShowWuxiaInfo) {
-                WuxiaInfoView()
+                WuxiaInfoView(isShowWuxiaInfo: $isShowWuxiaInfo)
             }
             .onAppear {
                 setDateFromUserDefaults()

WuxiaMeditation/View/SettingView.swift

@@ -8,54 +8,69 @@
 import SwiftUI
 
 struct WuxiaInfoView: View {
+    @Binding var isShowWuxiaInfo: Bool
     var body: some View {
         ZStack {
             DefaultBackgroundAnimationView()
                 .ignoresSafeArea()
             Color.black.opacity(0.6)
                 .ignoresSafeArea()
                 .background(.ultraThinMaterial.opacity(0.4))
-            ScrollView {
-                VStack(alignment: .leading, spacing: 80){
+            VStack {
+                HStack {
                     Spacer()
-                        .frame(height: 100)
-                    HStack {
+                    Button {
+                        isShowWuxiaInfo = false
+                    } label: {
+                        Image(systemName: "xmark.circle")
+                            .imageScale(.large)
+                        
+                    }
+                }
+                .padding()
+                .foregroundStyle(.white)
+                ScrollView {
+                    VStack(alignment: .leading, spacing: 80){
                         Spacer()
-                        VStack(spacing: 24) {
-                            Text("運氣調息")
-                                .font(.system(size: 80))
-                            VStack(alignment: .leading, spacing: 8) {
-                                Text("운기조식(運氣調息)은 기(氣)의 흐름을 조절하고 마음을 다스리는 명상입니다.")
-                                    .multilineTextAlignment(.center)
+                            .frame(height: 100)
+                        HStack {
+                            Spacer()
+                            VStack(spacing: 24) {
+                                Text("運氣調息")
+                                    .font(.system(size: 80))
+                                VStack(alignment: .leading, spacing: 8) {
+                                    Text("운기조식(運氣調息)은 기(氣)의 흐름을 조절하고 마음을 다스리는 명상입니다.")
+                                        .multilineTextAlignment(.center)
+                                }
+                                .font(.customBody)
                             }
-                            .font(.customBody)
+                            Spacer()
                         }
-                        Spacer()
-                    }
-                    ForEach(WuxiaInfo.dummyInfoList) { info in
-                        VStack(alignment: .leading, spacing: 26) {
-                            Text(info.title)
-                                .font(.customTitle3Bold)
-                            ForEach(info.infoList) { subInfo in
-                                VStack(alignment: .leading, spacing: 8) {
-                                    if let subTitle = subInfo.title {
-                                        Text(subTitle)
-                                    }
-                                    VStack(alignment: .leading, spacing: 20) {
-                                        ForEach(subInfo.description, id: \.self) { desciption in
-                                            Text(desciption)
+                        ForEach(WuxiaInfo.dummyInfoList) { info in
+                            VStack(alignment: .leading, spacing: 26) {
+                                Text(info.title)
+                                    .font(.customTitle3Bold)
+                                ForEach(info.infoList) { subInfo in
+                                    VStack(alignment: .leading, spacing: 8) {
+                                        if let subTitle = subInfo.title {
+                                            Text(subTitle)
+                                        }
+                                        VStack(alignment: .leading, spacing: 20) {
+                                            ForEach(subInfo.description, id: \.self) { desciption in
+                                                Text(desciption)
+                                            }
                                         }
+                                        .opacity(0.7)
                                     }
-                                    .opacity(0.7)
                                 }
                             }
+                            .font(.customBody)
                         }
-                        .font(.customBody)
                     }
+                    .padding()
+                    .foregroundStyle(.white)
+                    .lineSpacing(8)
                 }
-                .padding()
-                .foregroundStyle(.white)
-                .lineSpacing(8)
             }
         }
     }
@@ -64,5 +79,5 @@ struct WuxiaInfoView: View {
 
 
 #Preview {
-    WuxiaInfoView()
+    WuxiaInfoView(isShowWuxiaInfo: .constant(true))
 }