7

我有一个这样的 SwiftUI 视图：

import SwiftUI

struct ReView: View {
    @Environment(\.managedObjectContext) var moc
    @FetchRequest(
        entity: Re.entity(),
        sortDescriptors: [
            NSSortDescriptor(keyPath: \Re.name, ascending: false)
        ]
    ) var entities: FetchedResults<Re>
    
    var body: some View {
        NavigationView {
            List(entities, id: \.self) { entity in
                Text(entity.name ?? "Unknown")
            }
        }
    }
}

struct ReView_Previews: PreviewProvider {
    static var previews: some View {
            Group {
               
                ReView()
                    .environment(\.managedObjectContext, PersistentCloudKitContainer.persistentContainer.viewContext)
            }
        }
}

如何在预览中显示一些示例数据？

4

3 回答 3

6

这是采用 Xcode 12 / iOS 14 测试的改编方法（早期在https://stackoverflow.com/a/61495490/12299030中提出）

这个想法是将显式视图+模型与模型提供者（在本例中为云数据库）分开，因此可以设计和测试（预览）具有本地或动态构建的模拟模型（不涉及繁重的云连接）的视图

struct ReView: View {
    @Environment(\.managedObjectContext) var moc
    @FetchRequest(
        entity: Re.entity(),
        sortDescriptors: [
            NSSortDescriptor(keyPath: \Re.name, ascending: false)
        ]
    ) var entities: FetchedResults<Re>
    
    var body: some View {
        ReEntitiesView(entities: entities)
    }
}

struct ReEntitiesView<Results:RandomAccessCollection>: View where Results.Element == Re {
    let entities: Results

    var body: some View {
        NavigationView {
            List(entities, id: \.self) { entity in
                Text(entity.name ?? "Unknown")
            }
        }
    }
}

struct ReView_Previews: PreviewProvider {
    static let entity = NSManagedObjectModel.mergedModel(from: nil)?.entitiesByName["Re"]

    static var previews: some View {
       let object = Re(entity: entity!, insertInto: nil)
       object.name = "Test Name"

       return ReEntitiesView(entities: [object])
   }
}
于 2020-08-13T05:52:37.297 回答
0

我已经为预览结构创建了一个静态 moc，然后根据需要将数据添加到其中。

像这样的东西：

struct ReView_Previews: PreviewProvider {
    static let moc = NSManagedObjectContext(concurrencyType: .mainQueueConcurrencyType)
    _ = Re(context: moc, mandatoryParam1: "foo" ...)
    _ = Re(context: moc, mandatoryParam1: "bah" ...)
    
    static var previews: some View {
        Group {
            ReView()
                .environment(\.managedObjectContext, moc)
        }
    }
}

我还处于使用 SwiftUI 的早期阶段，所以几乎可以肯定有更优雅的方式来实现。但是，本质上创建测试数据只是对模拟器上发生的序列进行编程以创建它，因为在实时模式下，这就是预览。

缺点是清除损坏的测试数据也需要一些编程工作。

祝你好运。

于 2020-08-12T11:19:12.823 回答
0

我今天浏览了本指南，最终得到了一个令我满意的解决方案。

https://www.russellgordon.ca/tutorials/core-data-and-xcode-previews/

当您选择包含 CoreData 时，Xcode 现在通过其项目模板解决了部分问题。创建了一个 Persistence.swift 文件。如果您查看内部，static var preview您可以在其中制作一些提交给“预览上下文”的示例数据。

在要预览的视图的 PreviewProvider 中，将修改器添加到覆盖 managedObjectContext 的视图实例，改为指向“预览上下文”。

struct ProductsList_Previews: PreviewProvider {
    static var previews: some View {
        ProductsList()
            .environment(\.managedObjectContext, PersistenceController.preview.container.viewContext)
    }
}

现在，当我的 ProductsList() 视图中的 FetchRequest 运行时，它使用我在覆盖中使用的“预览上下文”。

在今天找到这篇文章之前，我学会了如何做所有这些。我遇到的障碍将我引向了这篇文章 - 如何为我的预览提供我的实体的单个示例。如果您对此也有困难，我会推荐这篇文章（在大多数情况下，这似乎是很自然的下一步）。

于 2022-01-08T03:23:15.027 回答