📜  如何在 SwiftUI 中的 Preview 提供程序中初始化数据 - Swift (1)

📅  最后修改于: 2023-12-03 14:52:35.124000             🧑  作者: Mango

如何在 SwiftUI 中的 Preview 提供程序中初始化数据 - Swift

在 SwiftUI 中,预览提供程序是用于定义和设置所要预览视图的数据的一种方式。有时,您可能需要在预览提供程序中初始化一些数据,以便能够更好地针对您的应用程序进行预览。

以下是如何在 SwiftUI 中的预览提供程序中初始化数据的步骤:

  1. 定义一个名为 PreviewData 的对象,该对象包含您要在预览中使用的数据。
struct PreviewData {
    static let previewItems: [Item] = [
        Item(id: 1, name: "Apple", description: "A fruit."),
        Item(id: 2, name: "Banana", description: "Another fruit."),
        Item(id: 3, name: "Carrot", description: "A vegetable.")
    ]
}

在这个示例中,我们定义了一个包含三个项目的 previewItems 数组,并使用自定义 Item 结构来表示每个项目。

  1. 在您要预览的视图的预览提供程序中引用 PreviewData 对象,并将其用作该视图的数据源。
struct ItemListView_Previews: PreviewProvider {
    static var previews: some View {
        ItemListView(items: PreviewData.previewItems)
    }
}

在这个示例中,我们在 ItemListView_Previews 中引用了 PreviewData.previewItems 数组,并将其用作 ItemListView 视图的数据源。

  1. 在预览中运行您的视图,确保数据已正确初始化并显示。
struct ItemListView_Previews: PreviewProvider {
    static var previews: some View {
        ItemListView(items: PreviewData.previewItems)
            .previewLayout(.fixed(width: 300, height: 200))
    }
}

在这个示例中,我们使用 previewLayout 修饰符来定义我们希望视图在预览中具有的大小。

总之,通过在 SwiftUI 中的预览提供程序中初始化数据是一个很方便的方法,可以确保您的视图在预览时能够正确显示和响应。