SwiftUI如何为列表绑定真实数据而非测试数据？

嘿，我来帮你解决这个SwiftUI数据源选择的问题！

核心思路 #

你现在的问题是预览里能灵活传不同测试数据，但运行时不知道怎么指定数据源——本质上是要把「数据源选择」的逻辑从#if DEBUG块扩展到整个应用的初始化流程里，让运行时也能像预览一样给GrapeStore传入指定的数组。

具体解决方案 #

1. 先确保GrapeStore的初始化足够灵活

首先你的GrapeStore已经支持传入自定义grapes数组了（预览里已经在用），我们可以给它加个默认初始化，方便后续使用：

class GrapeStore: ObservableObject {
    @Published var grapes: [Grape]
    
    // 支持传入自定义数组，也提供默认空数组的初始化
    init(grapes: [Grape] = []) {
        self.grapes = grapes
    }
}

// 假设你的Grape结构体是这样（补全代码完整性）
struct Grape: Identifiable {
    let id = UUID()
    let name: String
    let type: String
}

// 你的测试数据数组（移到DEBUG块外，运行时也能访问）
let testData: [Grape] = [
    Grape(name: "Cabernet Sauvignon", type: "Red"),
    Grape(name: "Chardonnay", type: "White")
]

let AGrapes: [Grape] = [
    Grape(name: "Merlot", type: "Red"),
    Grape(name: "Sauvignon Blanc", type: "White")
]

2. 在App入口指定运行时的数据源

SwiftUI应用的入口是@main标记的App结构体，在这里你可以直接决定给ContentView传哪个数据源：

@main
struct GrapeWineApp: App {
    var body: some Scene {
        WindowGroup {
            // 这里直接指定运行时要加载的数组，比如AGrapes或者testData
            ContentView(store: GrapeStore(grapes: AGrapes))
            
            // 如果需要根据条件动态切换（比如环境、用户设置），可以加判断：
            // let selectedData = isProduction ? productionData : testData
            // ContentView(store: GrapeStore(grapes: selectedData))
        }
    }
}

3. 优化ContentView的初始化

给ContentView加一个带默认值的初始化，这样既方便预览传不同数据，也能让运行时的代码更简洁：

struct ContentView : View {
    @ObservedObject var store: GrapeStore // 注意：旧版SwiftUI可能用@ObjectBinding，建议换成@ObservedObject
    
    // 默认初始化用你运行时的数据源，预览里可以覆盖
    init(store: GrapeStore = GrapeStore(grapes: AGrapes)) {
        self.store = store
    }
    
    var body: some View {
        NavigationView {
            List {
                ForEach(store.grapes) { grape in
                    GrapeCell(grape: grape)
                }
            }
            .navigationBarTitle("Wine grapes")
            .navigationBarItems(trailing: EditButton())
            .listStyle(.grouped)
        }
    }
}

4. 预览部分保持不变

原来的预览代码不需要改，依然可以传不同的GrapeStore来测试不同数据：

#if DEBUG
struct ContentView_Previews : PreviewProvider {
    static var previews: some View {
        Group {
            ContentView(store: GrapeStore(grapes: AGrapes))
            ContentView(store: GrapeStore(grapes: testData))
                .environment(\.colorScheme, .dark)
        }
    }
}
#endif

进阶：如果需要动态加载数据 #

如果之后你需要从本地文件、UserDefaults或者网络加载数据，可以在GrapeStore里加加载方法：

class GrapeStore: ObservableObject {
    @Published var grapes: [Grape] = []
    
    init(grapes: [Grape] = []) {
        self.grapes = grapes
    }
    
    // 加载指定的本地数据数组
    func loadLocalDataSet(_ dataSet: [Grape]) {
        grapes = dataSet
    }
    
    // 模拟网络加载数据
    func loadFromNetwork() async {
        // 这里替换成实际的网络请求逻辑
        try? await Task.sleep(nanoseconds: 1_000_000_000)
        grapes = testData
    }
}

然后在ContentView里调用：

struct ContentView : View {
    @ObservedObject var store: GrapeStore
    
    init(store: GrapeStore = GrapeStore()) {
        self.store = store
        // 初始化时加载本地数据
        store.loadLocalDataSet(AGrapes)
    }
    
    var body: some View {
        NavigationView {
            List {
                ForEach(store.grapes) { grape in
                    GrapeCell(grape: grape)
                }
            }
            .navigationBarTitle("Wine grapes")
            .navigationBarItems(trailing: EditButton())
            .listStyle(.grouped)
            .task {
                // 异步加载网络数据
                await store.loadFromNetwork()
            }
        }
    }
}

这样不管是预览还是运行时，你都能灵活控制要加载的数据源啦！

内容的提问来源于stack exchange，提问作者Jon Trygve Hegnar