SwiftUI中Picker切换视图时选中值持久化问题求助

嘿，我来帮你搞定这个Picker的问题！你遇到的核心问题在于用@State存储选中索引——@State是视图级别的状态，一旦视图销毁重建，这个值就会重置，而且依赖onAppear/onDisappear同步状态的时机本来就不可靠。另外手动调用方法更新Model也不够优雅，Combine正好能帮我们实现自动同步。下面给你两种可行的解决方案：

方案一：把状态移到Model层（推荐，符合MVVM） #

最稳妥的方式是把选中状态放到你的DataManager里，因为它是单例，生命周期和App一致，视图切换时状态不会丢失，还能通过Combine自动同步到Model。

第一步：修改DataManager，添加Combine监听 #

在DataManager里新增一个@Published的选中索引属性，然后用Combine监听它的变化，自动更新company的tipoAzienda并调用你的业务方法：

import Combine

class DataManager: ObservableObject {
    static let shared = DataManager()
    @Published var company: CompanyModel // 假设你已经定义了这个模型
    
    // 新增：维护选中的Tipo Azienda索引
    @Published var selectedTipoAziendaIndex: Int = 0
    
    private var cancellables = Set<AnyCancellable>()
    
    init() {
        // 初始化时同步当前选中值的索引
        if let initialIndex = company.tipoAziendaList.firstIndex(of: company.tipoAzienda) {
            selectedTipoAziendaIndex = initialIndex
        }
        
        // 用Combine监听索引变化，自动更新Model
        $selectedTipoAziendaIndex
            .sink { [weak self] newIndex in
                guard let self = self, newIndex < self.company.tipoAziendaList.count else { return }
                self.company.tipoAzienda = self.company.tipoAziendaList[newIndex]
                // 自动调用你的业务方法
                self.cambiaTipoAzienda(tipoAzienda: self.company.tipoAzienda)
            }
            .store(in: &cancellables)
    }
    
    func cambiaTipoAzienda(tipoAzienda: String) {
        // 你的原有业务逻辑，比如保存到本地、发起网络请求等
    }
}

第二步：修改CompanyView，直接绑定Model的状态 #

现在View里不需要@State了，直接把Picker的选中状态绑定到dataManager的$selectedTipoAziendaIndex，这样Picker的选择会直接同步到Model，而且视图切换时状态不会丢失：

struct CompanyView: View {
    @ObservedObject var dataManager: DataManager = DataManager.shared
    
    var body: some View {
        VStack {
            companyPhoto
            Text("Company view")
            Form {
                Picker(selection: $dataManager.selectedTipoAziendaIndex, label: Text("Tipo Azienda")) {
                    ForEach(0 ..< dataManager.company.tipoAziendaList.count, id: \.self) { index in
                        Text(dataManager.company.tipoAziendaList[index])
                    }
                }
            }
            // 按钮可以保留，用来手动触发操作（如果需要的话）
            Button(action: {
                dataManager.cambiaTipoAzienda(tipoAzienda: dataManager.company.tipoAzienda)
            }) {
                Image(systemName: "info.circle.fill")
                    .font(Font.system(size: 28))
                    .padding(.horizontal, 16)
            }
        }
        // 再也不需要onAppear/onDisappear了，状态同步全靠Combine自动处理
    }
    
    // 假设你有这个图片视图
    var companyPhoto: some View {
        Image("company-logo") // 替换成你的图片资源名
            .resizable()
            .frame(width: 100, height: 100)
    }
}

这个方案的优势在于：

• 状态集中在Model层，符合MVVM架构，视图只负责展示和传递用户交互
• Combine自动同步状态变化，不需要手动调用方法
• 单例的DataManager保证状态在视图切换、重建时不会丢失

方案二：用Binding+onChange（适合不想改动Model的场景） #

如果你暂时不想把索引放到Model层，也可以用@Binding配合onChange来实现，不过状态需要由父视图或者更高层级的容器来维护：

struct CompanyView: View {
    @ObservedObject var dataManager: DataManager = DataManager.shared
    @Binding var selTipoAzienda: Int
    
    var body: some View {
        VStack {
            companyPhoto
            Text("Company view")
            Form {
                Picker(selection: $selTipoAzienda, label: Text("Tipo Azienda")) {
                    ForEach(0 ..< dataManager.company.tipoAziendaList.count, id: \.self) {
                        Text(dataManager.company.tipoAziendaList[$0])
                    }
                }
            }
            Button(action: {
                dataManager.cambiaTipoAzienda(tipoAzienda: dataManager.company.tipoAziendaList[selTipoAzienda])
            }) {
                Image(systemName: "info.circle.fill")
                    .font(Font.system(size: 28))
                    .padding(.horizontal, 16)
            }
        }
        .onAppear {
            // 视图出现时同步Model的当前值到绑定状态
            selTipoAzienda = dataManager.company.tipoAziendaList.firstIndex(of: dataManager.company.tipoAzienda) ?? 0
        }
        .onChange(of: selTipoAzienda) { newIndex in
            // 选中值变化时自动更新Model
            dataManager.cambiaTipoAzienda(tipoAzienda: dataManager.company.tipoAziendaList[newIndex])
        }
    }
    
    var companyPhoto: some View {
        Image("company-logo")
            .resizable()
            .frame(width: 100, height: 100)
    }
}

这个方案需要父视图传递$selTipoAzienda的绑定，比如：

struct ParentView: View {
    @State private var selectedIndex = 0
    var body: some View {
        NavigationStack {
            CompanyView(selTipoAzienda: $selectedIndex)
        }
    }
}

不过这个方案不如第一个优雅，因为状态分散在视图层，维护起来不如Model层集中方便。

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