SwiftUI选择器不与ObservedObject绑定

Question

我将尝试使用从外部API异步获取的数据填充选择器。

这是我的模型：

struct AppModel: Identifiable {
    var id = UUID()
    var appId: String
    var appBundleId : String
    var appName: String
    var appSKU: String
}

获取数据并发布的类为：

class AppViewModel: ObservableObject {
    private var appStoreProvider: AppProvider? = AppProvider()
    @Published private(set) var listOfApps: [AppModel] = []
    @Published private(set) var loading = false

    fileprivate func fetchAppList() {
        self.loading = true
        appStoreProvider?.dataProviderAppList { [weak self] (appList: [AppModel]) in
            guard let self = self else {return}
            DispatchQueue.main.async() {
                self.listOfApps = appList
                self.loading = false
            }
        }
    }
    init() {
        fetchAppList()
    }
}

视图是：

struct AppView: View {
    @ObservedObject var appViewModel: AppViewModel = AppViewModel()
    @State private var selectedApp = 0

    var body: some View {
        ActivityIndicatorView(isShowing: self.appViewModel.loading) {
            VStack{
                // The Picker doesn't bind with appViewModel
                Picker(selection: self.$selectedApp, label: Text("")) {
                    ForEach(self.appViewModel.listOfApps){ app in
                        Text(app.appName).tag(app.appName)
                    }
                }
                // The List correctly binds with appViewModel
                List {
                    ForEach(self.appViewModel.listOfApps){ app in
                        Text(app.appName.capitalized)
                    }
                }
            }
        }
    }
}

虽然列表视图与观察对象appViewModel绑定，但选择器的行为不同。我无法理解原因。有任何帮助吗？

- Giuseppe Roberto Rossi

---

如果您提供一个可编译、可重现、可复制的示例，我们会帮助您解决问题。但是您发布的代码甚至无法编译，因为您只发布了部分代码。请阅读并考虑以下内容：https://stackoverflow.com/help/how-to-ask - Chris

是的！！非常感谢！！ - Giuseppe Roberto Rossi

小的无关观察，但是 selectedApp 的类型应该与 AppModel 的 id 匹配（或者如果您要明确指定标记，则应该匹配标记类型）。 - Rob

有趣的是，如果你使用.pickerStyle（SegmentedPickerStyle（）），它会被更新。（我确定你不想要分段选择器，所以这不是你问题的答案，但这只是一个有趣的数据点。）感觉像 PickerView 的 updateUI 缺少一个 reloadAllComponents... - Rob

顺便说一句，我已经提交了错误报告FB7670992。 - Rob

如果CranialDev的笨拙解决方法不符合您的口味，另一个想法就是为UIPickerView创建自己的UIRepresentableView包装器。它可以很好地工作。 - Rob

Answer 1

我已经提交了错误报告FB7670992。苹果昨天回复说，建议我在iOS 14 beta 1中确认此行为。现在问题似乎已经解决了。

struct ContentView: View {
    @ObservedObject var viewModel = ViewModel()

    var body: some View {
        Picker("", selection: $viewModel.wheelPickerValue) {
            ForEach(viewModel.objects) { object in
                Text(object.string)
            }
        }
        .pickerStyle(WheelPickerStyle())
        .labelsHidden()
    }
}

位置

struct Object: Identifiable {
    let id = UUID().uuidString
    let string: String
}

class ViewModel: ObservableObject {
    private var counter = 0

    @Published private(set) var objects: [Object] = []
    @Published var segmentedPickerValue: String = ""
    @Published var wheelPickerValue: String = ""

    fileprivate func nextSetOfValues() {
        let newCounter = counter + 3
        objects = (counter..<newCounter).map { value in Object(string: "\(value)") }
        let id = objects.first?.id ?? ""
        segmentedPickerValue = id
        wheelPickerValue = id
        counter = newCounter
    }

    init() {
        let timer = Timer.scheduledTimer(withTimeInterval: 2, repeats: true) { [weak self] timer in
            guard let self = self else { timer.invalidate(); return }
            self.nextSetOfValues()
        }
        timer.fire()
    }
}

结果:

- Rob

Answer 2

我不能将这段代码放入你的程序中，因为它是不完整的，但是这里有一个示例。 选择器不是用来动态使用的。它们必须完全重新加载。

class DynamicPickerViewModel: ObservableObject {
    @Published private(set) var listOfApps: [YourModel] = []
    @Published private(set) var loading = false

    fileprivate func fetchAppList() {
            loading = true
            DispatchQueue.main.async() {
                self.listOfApps.append(YourModel.addSample())
                self.loading = false
            }

    }
    init() {
        fetchAppList()
    }

}
struct DynamicPicker: View {
    @ObservedObject var vm = DynamicPickerViewModel()
    @State private var selectedApp = ""

    var body: some View {
        VStack{
            //Use your loading var to reload the picker when it is done
            if !vm.loading{
                //Picker is not meant to be dynamic, it needs to be completly reloaded
                Picker(selection: self.$selectedApp, label: Text("")) {
                    ForEach(self.vm.listOfApps){ app in
                        Text(app.name!).tag(app.name!)
                    }
                }
            }//else - needs a view while the list is being loaded/loading = true


            List {
                ForEach(self.vm.listOfApps){ app in
                    Text(app.name!.capitalized)
                }
            }

            Button(action: {
                self.vm.fetchAppList()
            }, label: {Text("fetch")})

        }
    }
}

struct DynamicPicker_Previews: PreviewProvider {
    static var previews: some View {
        DynamicPicker()
    }
}

- lorem ipsum

---

就此技术而言，只有在“fetchAppList”需要一些时间时才有效。例如，在您的示例中，“DispatchQueue.main.async”是不够的，但是像“DispatchQueue.main.asyncAfter(deadline: .now() + 0.1)”这样的东西是可以的。 - Rob

我不确定是否可以说选择器不应该是“动态”的。这似乎只是一个小错误/漏洞（否则为什么它会在分段选择器中工作而不是轮式选择器中）。 - Rob