iOS 17+及macOS Sonoma中如何移除Widget内容视图边距并使其填满整个区域？

我完全懂你此刻的困扰——在iOS 16及更早版本里，Widget内容默认就能占满整个区域，升级到iOS 17或macOS Sonoma后，突然多了烦人的边距，试了.ignoresSafeArea()也不管用，简直让人头大！别担心，这是因为苹果在新系统里调整了Widget的布局规则，咱们只要调整几个点就能解决问题。

问题根源 #

iOS 17和macOS Sonoma引入了默认的Widget内容边距，而且containerBackground的层级逻辑也有变化，单纯用.ignoresSafeArea()已经不足以覆盖新的布局约束了。

解决方案 #

结合你的代码，只需要做这两处调整：

1. 强制内容视图撑满整个空间：给你的内容视图（这里是Rectangle）添加.frame(maxWidth: .infinity, maxHeight: .infinity)，让它强制填充Widget的全部可用区域。
2. 调整修饰符顺序并完善安全区域设置：把.ignoresSafeArea()放在合适的位置，确保它能正确作用于整个视图，同时保留.contentMarginsDisabled()来关闭默认边距。

修改后的完整代码如下：

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

    init() {
        //setup firebase
        FirebaseApp.configure()
    }

    var body: some WidgetConfiguration {
        StaticConfiguration(kind: kind, provider: Provider()) { entry in
            Rectangle()
                .foregroundStyle(Color.primary)
                .frame(maxWidth: .infinity, maxHeight: .infinity) // 强制撑满整个区域
                .ignoresSafeArea(edges: .all) // 忽略所有安全区域边距
                .containerBackground(.accent, for: .widget)
        }
        .contentMarginsDisabled() // 关闭Widget默认的内容边距
        .configurationDisplayName("My Widget")
        .description("This is an example widget.")
    }
}

额外说明 #

• .contentMarginsDisabled()是关键：它会关闭Widget框架默认添加的内容边距，没有这个的话，即使设置了撑满的frame，还是会有留白。
• 修饰符顺序很重要：.frame和.ignoresSafeArea要放在内容视图的样式修饰符之后，确保它们能正确作用于整个视图。

这样修改后，你的Widget就能在iOS 17+和macOS Sonoma上完全填满整个区域，和iOS 16及更早版本的表现一致了！

备注：内容来源于stack exchange，提问作者YodagamaHeshan