feat: 마이페이지 ststus bar 부분 블러 처리 추가 (#51)

mash-up-kr · Jul 27, 2024 · fd99579 · fd99579
1 parent 304377d
commit fd99579
Showing 1 changed file with 29 additions and 21 deletions.
diff --git a/Projects/Features/MyPage/Sources/MyPageView.swift b/Projects/Features/MyPage/Sources/MyPageView.swift
@@ -18,27 +18,35 @@ public struct MyPageView: View {
   }
 
   public var body: some View {
-    ScrollView {
-      MyPagePregressView(isRefreshCompleted: $viewModel.state.isRefreshCompleted)
-      levelView
-      divider
-      RecentlyMemeListView(
-        memeDetailList: $viewModel.state.lastSeenMemeList,
-        memeClickHandler: viewModel.handler.memeClickHandler
-      )
-      SavedMemeListView(
-        memeDetailList: $viewModel.state.savedMemeList,
-        memeClickHandler: viewModel.handler.memeClickHandler,
-        memeCopyHandler: viewModel.handler.memeCopyHandler,
-        onAppearLastMemeHandler: viewModel.handler.onAppearLastMemeHandler
-      )
-      Spacer(minLength: 80)
-    }
-    .onAppear {
-      viewModel.dispatch(type: .onAppearMyPageView)
-    }
-    .refreshable {
-      viewModel.dispatch(type: .pullToRefresh)
+    ZStack(alignment: .top) {
+      Rectangle()
+        .frame(height: 51)
+        .foregroundStyle(Color.clear)
+        .background(.ultraThinMaterial)
+        .blur(radius: 0)
+        .zIndex(1)
+      ScrollView {
+        MyPagePregressView(isRefreshCompleted: $viewModel.state.isRefreshCompleted)
+        levelView
+        divider
+        RecentlyMemeListView(
+          memeDetailList: $viewModel.state.lastSeenMemeList,
+          memeClickHandler: viewModel.handler.memeClickHandler
+        )
+        SavedMemeListView(
+          memeDetailList: $viewModel.state.savedMemeList,
+          memeClickHandler: viewModel.handler.memeClickHandler,
+          memeCopyHandler: viewModel.handler.memeCopyHandler,
+          onAppearLastMemeHandler: viewModel.handler.onAppearLastMemeHandler
+        )
+        Spacer(minLength: 80)
+      }
+      .onAppear {
+        viewModel.dispatch(type: .onAppearMyPageView)
+      }
+      .refreshable {
+        viewModel.dispatch(type: .pullToRefresh)
+      }
     }
     .background {
       gradientBackgroundView