如何将字典的值绑定到 SwiftUI 控件？

Question

我有class DataPoint一个字典的值。

DataPoint有一个value我需要绑定到SliderSwiftUI 中的成员变量。

我公司提供的数据class AppData作为@Environment Object对SwiftUI，字典持有的实例class DataPoint。

我无法将DataPoint.value成员变量绑定到 SwiftUISlider值。

这些是相关的代码片段。

@Published 数据：

class AppData: ObservableObject {
    @Published var dataPoints: [UUID : DataPoint] = [:] {
    ...
}

数据结构：

class DataPoint: Identifiable {
    var id = UUID()
    var value: Double
}

DataPoints 的 SwiftUI 视图AppDataList：

struct AppDataList: View {
    @EnvironmentObject var appData: AppData

    var body: some View {
        NavigationView {
            List(Array(appData.dataPoints.values)) { dataPoint in
                NavigationLink(destination: DataPointDetail(dataPointID: dataPoint.id)) {
                    Text("\(dataPoint.value)")
                }
            }
    ...
}

DataPointDetail我挣扎的 SwiftUI视图，它引用自AppDataList：

struct DataPointDetail: View {
    @EnvironmentObject var appData: AppData
    var dataPointID: UUID

    var body: some View {
        HStack(alignment: .top) {
            VStack(alignment: .leading) {
                Text("Data Point Detail")
                Text("\(appData.dataPoints[dataPointID]!.value)")
/* This line */
/* troubles  */
/* me!       */
/*  --->     */ Slider(value: appData.dataPoints[dataPointID]?.value, in: 0...10000)
                Spacer()
                Text("\(appData.dataPoints[dataPointID]!.id)")
            }
        }
    }
}

根内容视图：

struct ContentView: View {
    @EnvironmentObject var appData: AppData

    var body: some View {
        VStack {
            if appData.dataPoints.count > 0 {
                AppDataList()
            } else {
                NoDataPoints()
            }
        }
    }
}

在 SceneDelegate 中创建根内容视图：

        let contentView = ContentView()
            .environmentObject(appData)

我在编辑器中收到一个错误：Static member 'leading' cannot be used on instance of type 'HorizontalAlignment'它在 DataPointDetail 视图中的 VStack 行中。我相信它与 VStack 无关。

注释掉该Slider行会生成可编译和可运行的代码。

怎样才能做到这一点？

Answer 1

最快速的解决方案是使用包装器绑定，如下面的快照

Slider(value: Binding<Double>(
    get: { self.appData.dataPoints[self.dataPointID]?.value ?? 0 },
    set: { self.appData.dataPoints[self.dataPointID]?.value = $0}), in: 0...10000)