SwiftUI代码重构：提取GeometryReader+MVVM适配+ScrollView优化

一、GeometryReader重构方案 #

• 提取通用GeometryReader逻辑为自定义View：把重复的GeometryReader布局逻辑封装成可复用组件，避免重复嵌套代码。比如创建一个接收内容闭包的通用视图：

  struct ConstrainedContentView<Content: View>: View {
      let content: (CGSize) -> Content
      
      var body: some View {
          GeometryReader { proxy in
              content(proxy.size)
          }
      }
  }
  

• 减少不必要的GeometryReader：如果仅需获取父视图尺寸，可结合frame(maxWidth: .infinity, maxHeight: .infinity)替代，避免过度嵌套。

二、ForEach+MVVM改造重复代码 #

1. 抽象数据模型：将重复展示的内容封装成Identifiable协议的Model，包含所有展示所需属性：

   struct CardModel: Identifiable {
       let id = UUID()
       let title: String
       let content: String
       let tintColor: Color
   }
   

2. ViewModel统一管理数据：把数据逻辑从View中剥离，在ViewModel中维护数据源，负责数据的增删改：

   class ContentViewModel: ObservableObject {
       @Published var cards: [CardModel] = [
           CardModel(title: "卡片1", content: "示例内容1", tintColor: .blue),
           CardModel(title: "卡片2", content: "示例内容2", tintColor: .green)
       ]
   }
   

3. View层用ForEach渲染：绑定ViewModel，通过ForEach遍历数据生成视图，彻底消除重复代码：

   struct ContentView: View {
       @StateObject private var viewModel = ContentViewModel()
       
       var body: some View {
           VStack {
               ForEach(viewModel.cards) { card in
                   CardView(model: card)
               }
           }
       }
   }
   
   struct CardView: View {
       let model: CardModel
       
       var body: some View {
           VStack(alignment: .leading) {
               Text(model.title)
                   .font(.headline)
               Text(model.content)
                   .font(.body)
           }
           .padding()
           .background(model.tintColor.opacity(0.1))
           .cornerRadius(8)
       }
   }
   

三、垂直ScrollView的使用判断 #

• 必须用的场景：内容高度超过屏幕高度、内容数量动态变化（比如列表项增减），避免内容截断，保证完整交互。
• 无需用的场景：内容高度固定且小于屏幕，多余的滚动会增加不必要的交互成本，影响体验。

四、Swift代码简洁化通用技巧 #

• 封装重复UI组件：任何重复出现的UI片段（按钮、卡片、输入框）都拆成独立View，复用逻辑。
• 自定义修饰符：把常用的修饰符组合封装成扩展，减少重复调用：

  extension View {
      func cardStyle() -> some View {
          self.cornerRadius(8)
              .padding()
              .shadow(color: .gray.opacity(0.2), radius: 4)
      }
  }
  

• 统一管理常量：把颜色、字体、间距等硬编码值提取到全局结构体，便于维护：

  struct AppStyles {
      static let defaultPadding: CGFloat = 16
      static let cardCornerRadius: CGFloat = 8
      static let headlineFont: Font = .system(size: 18, weight: .semibold)
  }
  

内容的提问来源于stack exchange，提问作者Kraig Kistler