SwiftUI iOS14 Widget - 使用相同的 WidgetFamily 创建多布局

Question

当我从主屏幕添加小部件时，我可以看到 Apple 创建的时钟应用程序有两个小的WidgetFamily布局。

如何在时钟应用程序中制作两个小部件？

我看到我只能为每个WidgetFamily创建一个布局。

Answer 1

似乎您需要创建具有自己的视图、条目、提供程序的单独小部件...

这是使用WidgetBundle的可能解决方案：

1. 创建单独的小部件（确保@main注释未附加到其中任何一个）：

struct Widget1: Widget {
    let kind: String = "Widget1"

    var body: some WidgetConfiguration {
        StaticConfiguration(kind: kind, provider: Widget1Provider()) { entry in
            Widget1Entry(entry: entry)
        }
        .configurationDisplayName("Widget1")
        .description("This is an example widget v1.")
    }
}

struct Widget2: Widget {
    let kind: String = "Widget2"

    var body: some WidgetConfiguration {
        ...
    }
}

...

2. 为每个小部件创建自己的视图（也可能是单独的条目和提供者，具体取决于您的需要）：

struct Widget1EntryView: View {
    var entry: Widget1Entry

    var body: some View {
        Text("Widget1")
    }
}

struct Widget2EntryView: View {
    var entry: Widget2Entry

    var body: some View {
        Text("Widget2")
    }
}

...

3. 使用WidgetBundle提供一个包含你的小部件的包：

@main
struct WidgetsBudle: WidgetBundle {
    var body: some Widget {
        Widget1()
        Widget2()
        // add more Widgets if you want
    }
}

请注意， @main附加到WidgetsBudle而不是 Widgets。