【SwiftUI】ウィジェットの周りのマージンをなくす（iOS17）

はじめに

iOS17からウィジェットの周りに余白が付くようになったみたいです。

そんな邪魔な余白をなくすってのが今回の記事の目的です。

こんな感じ

実装

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

    var body: some WidgetConfiguration {
        IntentConfiguration(
            kind: kind,
            intent: DemoWidgetConfigurationIntent.self,
            provider: Provider()
        ) { entry in
            DemoWidgetExtensionEntryView(entry: entry)
        }
+       .contentMarginsDisabled()
        .configurationDisplayName("DemoWidget")
        .description("ウィジェットの説明")
        .supportedFamilies([.systemMedium, .systemLarge])
    }
}

おわり

余白が消えましたーばんざーい

公式ドキュメント