[refactor] #211 ScrollView + LazyVStack -> List로 리팩토링

Author: ShapeKim98

Projects/Feature/FeaturePokit/Sources/PokitRootView.swift

@@ -32,9 +32,10 @@ public extension PokitRootView {
         WithPerceptionTracking {
             VStack(spacing: 0) {
                 self.filterHeader
+                    .padding(.horizontal, 20)
+                
                 self.cardScrollView
             }
-            .padding(.horizontal, 20)
             .padding(.vertical, 16)
             .background(.pokit(.bg(.base)))
             .ignoresSafeArea(edges: .bottom)
@@ -122,6 +123,7 @@ private extension PokitRootView {
             if store.folderType == .folder(.포킷) {
                 pokitView
                     .padding(.top, 20)
+                    .padding(.horizontal, 20)
             } else {
                 unclassifiedView
             }
@@ -184,36 +186,39 @@ private extension PokitRootView {
             } else {
                 unclassifiedList
                     .padding(.top, 20)
+                    .padding(.bottom, 74)
             }
         } else {
             PokitLoading()
         }
     }
 
     var unclassifiedList: some View {
-        ScrollView {
-            LazyVStack(spacing: 0) {
-                ForEach(
-                    Array(store.scope(state: \.contents, action: \.contents))
-                ) { store in
-                    let isFirst = store.state.id == self.store.contents.first?.id
-                    let isLast = store.state.id == self.store.contents.last?.id
-                    
-                    ContentCardView(
-                        store: store,
-                        type: .linkList,
-                        isFirst: isFirst,
-                        isLast: isLast
-                    )
-                }
+        List {
+            ForEach(
+                Array(store.scope(state: \.contents, action: \.contents))
+            ) { store in
+                let isFirst = store.state.id == self.store.contents.first?.id
+                let isLast = store.state.id == self.store.contents.last?.id
+                
+                ContentCardView(
+                    store: store,
+                    type: .linkList,
+                    isFirst: isFirst,
+                    isLast: isLast
+                )
+            }
 
-                if store.unclassifiedHasNext {
-                    PokitLoading()
-                        .onAppear(perform: { send(.페이지_로딩중일때) })
-                }
+            if store.unclassifiedHasNext {
+                PokitLoading()
+                    .listRowBackground(Color.clear)
+                    .listRowInsets(EdgeInsets(.zero))
+                    .listRowSeparator(.hidden)
+                    .onAppear(perform: { send(.페이지_로딩중일때) })
             }
-            .padding(.bottom, 150)
         }
+        .listStyle(.plain)
+        .listRowSpacing(0)
     }
 }
 

Projects/Feature/FeatureRecommend/Sources/Recommend/RecommendView.swift

@@ -177,21 +177,33 @@ private extension RecommendView {
     func listContent(
         _ recommendedList: IdentifiedArrayOf<BaseContentItem>
     ) -> some View {
-        ScrollView {
-            LazyVStack(spacing: 8) {
-                ForEach(recommendedList) { content in
-                    recommendedCard(content)
-                }
+        List {
+            ForEach(recommendedList) { content in
+                let isFirst = recommendedList.first == content
+                let isLast = recommendedList.last == content
 
-                if store.hasNext {
-                    PokitLoading()
-                        .task { await send(.pagination).finish() }
-                }
+                recommendedCard(content)
+                    .listRowBackground(Color.clear)
+                    .listRowInsets(EdgeInsets(
+                        top: isFirst ? 12 : 0,
+                        leading: 20,
+                        bottom: !store.hasNext && isLast ? 150 : 0,
+                        trailing: 20
+                    ))
+                    .listRowSeparator(.hidden)
+                    .id(content.id)
+            }
+            
+            if store.hasNext {
+                PokitLoading()
+                    .listRowBackground(Color.clear)
+                    .listRowInsets(EdgeInsets(.zero))
+                    .listRowSeparator(.hidden)
+                    .task { await send(.pagination).finish() }
             }
-            .padding(.horizontal, 20)
-            .padding(.bottom, 150)
-            .padding(.top, 12)
         }
+        .listStyle(.plain)
+        .listRowSpacing(8)
     }
 
     @ViewBuilder

Projects/Feature/FeatureSetting/Sources/Search/PokitSearchView.swift

@@ -289,30 +289,31 @@ private extension PokitSearchView {
     }
 
     var resultListContent: some View {
-        ScrollView {
-            LazyVStack(spacing: 0) {
-                ForEach(
-                    Array(store.scope(state: \.contents, action: \.contents))
-                ) { store in
-                    let isFirst = store.state.id == self.store.contents.first?.id
-                    let isLast = store.state.id == self.store.contents.last?.id
-                    
-                    ContentCardView(
-                        store: store,
-                        type: .linkList,
-                        isFirst: isFirst,
-                        isLast: isLast
-                    )
-                }
+        List {
+            ForEach(
+                Array(store.scope(state: \.contents, action: \.contents))
+            ) { store in
+                let isFirst = store.state.id == self.store.contents.first?.id
+                let isLast = store.state.id == self.store.contents.last?.id
 
-                if store.hasNext {
-                    PokitLoading()
-                        .task { await send(.로딩중일때, animation: .pokitDissolve).finish() }
-                }
+                ContentCardView(
+                    store: store,
+                    type: .linkList,
+                    isFirst: isFirst,
+                    isLast: isLast
+                )
+            }
+            
+            if store.hasNext {
+                PokitLoading()
+                    .listRowBackground(Color.clear)
+                    .listRowInsets(EdgeInsets(.zero))
+                    .listRowSeparator(.hidden)
+                    .task { await send(.로딩중일때, animation: .pokitDissolve).finish() }
             }
-            .padding(.horizontal, 20)
-            .padding(.bottom, 36)
         }
+        .listStyle(.plain)
+        .listRowSpacing(0)
     }
 
     var resultEmptyLabel: some View {