SwiftUI分段控件：点击FeaturesView列表项切换至FirstView并传值

推荐方式：利用SwiftUI的Binding与闭包传递事件（符合单向数据流） #

这种方式是SwiftUI中最规范的实现，通过父视图统一管理状态，子视图通过闭包回调触发状态变更。

1. 修改Container视图，新增选中Feature的状态变量
   在Container中添加存储选中Feature的@State变量，同时将状态通过Binding传递给子视图：

   struct Container: View {    
       @State private var selectedSegment: Segment = .first
       @State private var selectedFeature: Feature? // 新增：存储选中的Feature
       
       var body: some View {
           VStack {
               Picker("", selection: $selectedSegment) {
                   ForEach(Segment.allCases, id: \.self) {
                       Text($0.rawValue)
                   }
               }
               .pickerStyle(.segmented)
               .padding()
               Spacer()
               // 传递两个Binding给SegmentView
               SegmentView(selectedSegment: $selectedSegment, selectedFeature: $selectedFeature)
               Spacer()
           }
       }
   }
   

2. 更新SegmentView，接收Binding并传递回调
   修改SegmentView接收状态的Binding，同时在创建FeaturesView时传入回调闭包：

   struct SegmentView: View {
       @Binding var selectedSegment: Segment
       @Binding var selectedFeature: Feature?
       
       var body: some View {
           switch selectedSegment {
           case .first:
               // 将选中的Feature传递给FirstView
               FirstView(selectedFeature: $selectedFeature)
           case .features:
               // 传入回调闭包，处理Feature选中事件
               FeaturesView(features: /* 你的Feature数据源 */) { feature in
                   selectedSegment = .first // 切换到First分段
                   selectedFeature = feature // 传递选中的Feature数据
               }
           }
       }
   }
   

3. 修改FeaturesView，添加回调闭包
   给FeaturesView添加闭包属性，用于在点击列表项时触发父视图的状态变更：

   struct FeaturesView: View {
       private var features: [Feature]
       let onFeatureSelected: (Feature) -> Void // 新增：选中回调闭包
       
       // 初始化方法新增闭包参数
       init(features: [Feature], onFeatureSelected: @escaping (Feature) -> Void) {
           self.features = features
           self.onFeatureSelected = onFeatureSelected
       }
       
       var body: some View {
           VStack {
               List(features) { feature in
                   FeatureRow(feature: feature)
                       .onTapGesture {
                           onFeatureSelected(feature) // 触发回调
                       }
               }
               .listStyle(PlainListStyle())
           }
       }
   }
   

4. 更新FirstView，接收选中的Feature数据
   让FirstView通过Binding接收选中的Feature，即可在视图中使用该数据：

   struct FirstView: View {
       @Binding var selectedFeature: Feature?
       
       var body: some View {
           // 根据selectedFeature渲染内容
           if let feature = selectedFeature {
               Text("选中的Feature: \(feature.name)")
           } else {
               Text("未选中Feature")
           }
       }
   }
   

可选方式：使用NotificationCenter（不推荐） #

可以用通知实现需求，但这种方式会打破SwiftUI的单向数据流，组件间依赖关系不明确，不利于维护和调试。

1. 定义通知名称

   extension Notification.Name {
       static let featureSelected = Notification.Name("featureSelected")
   }
   

2. 在FeaturesView中发送通知

   struct FeaturesView: View {
       private var features: [Feature]
       
       var body: some View {
           VStack {
               List(features) { feature in
                   FeatureRow(feature: feature)
                       .onTapGesture {
                           // 发送通知，携带选中的Feature
                           NotificationCenter.default.post(
                               name: .featureSelected,
                               object: feature
                           )
                       }
               }
               .listStyle(PlainListStyle())
           }
       }
   }
   

3. 在Container中监听通知

   struct Container: View {    
       @State private var selectedSegment: Segment = .first
       @State private var selectedFeature: Feature?
       
       var body: some View {
           VStack {
               // ... 原有Picker代码
               Spacer()
               SegmentView(segment: selectedSegment, selectedFeature: $selectedFeature)
               Spacer()
           }
           .onAppear {
               // 添加通知观察者
               NotificationCenter.default.addObserver(
                   forName: .featureSelected,
                   object: nil,
                   queue: .main
               ) { notification in
                   if let feature = notification.object as? Feature {
                       selectedSegment = .first
                       selectedFeature = feature
                   }
               }
           }
           .onDisappear {
               // 移除观察者，避免内存泄漏
               NotificationCenter.default.removeObserver(self)
           }
       }
   }
   

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