SwiftUI 2.0 应用程序在 Picker selectedValue 更改时崩溃

时间:2021-02-18 11:21:01

标签: xcode swiftui swiftui-picker

你好,这是我的示例代码

import SwiftUI

final class ViewModel: ObservableObject {
    @Published var countries: [Country?] = [
        Country(id: 0, name: "country1", cities: ["c1 city1", "c1 city2", "c1 city3"]),
        Country(id: 1, name: "country2", cities: ["c2 city1", "c2 city2", "c2 city3"]),
        Country(id: 2, name: "country3", cities: ["c3 city1", "c3 city2", "c3 city3"])
    ]
}

struct ContentView: View {
    
    @ObservedObject var viewModel = ViewModel()
    @State private var selectedCountry: Country? = nil
    @State private var selectedCity: String? = nil
    
    var body: some View {
        VStack {
            Picker("", selection: $selectedCountry) {
                ForEach(viewModel.countries, id: \.self) { country in
                    Text(country!.name).tag(country)
                }
            }
            .pickerStyle(SegmentedPickerStyle())
            Text(selectedCountry?.name ?? "no selection")
            
            if selectedCountry != nil {
                Picker("", selection: $selectedCity) {
                    ForEach(selectedCountry!.cities, id: \.self) { city in
                        Text(city!).tag(city)
                    }
                }
                .pickerStyle(SegmentedPickerStyle())
                Text(selectedCity ?? "no selection")
            }
        }
        .padding()
    }
}

struct ContentView_Previews: PreviewProvider {
    static var previews: some View {
        ContentView()
    }
}

struct Country: Codable, Hashable, Identifiable {
    var id: Int
    var name: String
    var cities: [String?]
}

it works at first but when select a country then select another country then go back to the first choice it crashes, 我正在使用最新的 Xcode beta 我不知道这是原因还是我的方法错误 谢谢

1 个答案:

答案 0 :(得分:2)

问题在于缓存绑定。如果数据源发生变化,我们需要重新创建选择器。

在下面找到修复程序。使用 Xcode 12.4 / iOS 14.4 测试

if selectedCountry != nil {
    Picker("", selection: $selectedCity) {
        ForEach(selectedCountry!.cities, id: \.self) { city in
            Text(city!).tag(city)
        }
    }
    .pickerStyle(SegmentedPickerStyle())
    .id(selectedCountry!)                // << here !!

    Text(selectedCity ?? "no selection")
}
相关问题