Swift中Picker切换时视图/函数无法更新的问题求助

核心问题分析 #

1. 子视图状态误用：ViProductFile中用@State修饰传入的productList，但@State是用来管理视图内部私有状态的，外部传入的数据源应该用let，否则外部数据更新无法同步到子视图。
2. 排序逻辑缺陷：依赖已排序的NameArray二次排序易导致结果异常；同时findcorrectsortedarray函数的else分支无有效返回值，存在编译错误。
3. 更新触发逻辑错误：之前尝试的onChange写法有误，且无需手动处理——SwiftUI的计算属性可自动响应状态变化。

修正后的代码 #

1. 修正ViProductFile子视图 #

将@State改为let，确保外部数据变化时子视图自动刷新：

import SwiftUI

struct ViProductFile: View {
    let productList: [MProduct]

    var body: some View {
        List(productList) { product in
            ViProduct(product: product)
        }
    }
}

2. 修正SearchPage主视图 #

保留原始未排序数组，用计算属性动态生成排序后的数组：

import SwiftUI

struct SearchPage: View {
    let categories = ["Name", "Price", "Health rating", "Kilojoules"]
    let originalProducts = TestProductList // 保存原始未排序数据
    @State var pickedCategory = "Price"

    // 计算属性：响应pickedCategory变化，自动返回排序后的数组
    var sortedProducts: [MProduct] {
        findcorrectsortedarray(Unsorted: originalProducts, Category: pickedCategory)
    }

    var body: some View {
        VStack{
            Picker("Sort", selection: $pickedCategory){
                ForEach(categories, id: \.self) {
                    Text($0)
                }
            }
            .pickerStyle(.segmented) // 可选：让Picker更易用
            ViProductFile(productList: sortedProducts)
        }
    }
}

3. 修正排序函数 #

补全所有分支的排序逻辑，避免编译错误：

import Foundation

func findcorrectsortedarray(Unsorted: [MProduct], Category: String) -> [MProduct] {
    switch Category {
    case "Name":
        return Unsorted.sorted { $0.NameOfProduct < $1.NameOfProduct }
    case "Price":
        return Unsorted.sorted { $0.Price < $1.Price }
    case "Kilojoules":
        return Unsorted.sorted { $0.EnergyContent < $1.EnergyContent }
    case "Health rating":
        // 替换为你的MProduct中对应健康评分的属性名
        return Unsorted.sorted { $0.HealthRating < $1.HealthRating }
    default:
        // 默认按名称排序
        return Unsorted.sorted { $0.NameOfProduct < $1.NameOfProduct }
    }
}

关键修正说明 #

• 状态管理优化：子视图用let接收外部数据源，SwiftUI会自动检测数据变化并刷新视图。
• 动态计算逻辑：通过计算属性sortedProducts，每当pickedCategory改变时，自动重新计算排序后的数组，无需手动调用onChange。
• 原始数据依赖：始终基于原始未排序数组排序，避免多次排序导致的逻辑混乱。
• 完整分支处理：补全排序函数的所有分支，确保代码可编译且所有分类都有对应的排序逻辑。

内容的提问来源于stack exchange，提问作者on the upside