iOS 14 WidgetKit : How to create different layouts for every widget size family?

Question

我想为每个 WidgetKit 尺寸(即小、中、大)创建不同的布局。如何根据 WidgetKit 的大小分支我的代码？

Answer 1

WidgetFamily ( Apple Documentation ) 枚举作为 WidgetKit 的一部分将允许您切换 View 中的各种尺寸并进行相应调整。将此设置为 @Environment变量并打开可用的案例:

.systemSmall

.systemMedium

.systemLarge

struct WidgetView : View {
   @Environment(\.widgetFamily) var family

    @ViewBuilder
    var body: some View {
        
        switch family {
        case .systemSmall:
            Text("Small")
        case .systemMedium:
            Text("Medium")
        case .systemLarge:
            Text("Large")
        default:
            Text("Some other WidgetFamily in the future.")
        }

    }
}