WidgetKit安全区域(Safe Area)问题：红色背景无法铺满视图

问题分析 #

你当前的代码嵌套ZStack并重复调用ignoresSafeArea()，但WidgetKit的组件容器自带默认布局约束，导致红色背景无法完全铺满视图。

修正代码 #

最简实现（无额外组件时）

直接将Color作为根视图，并指定忽略所有安全区域边缘：

Color.red
    .ignoresSafeArea(.all)

保留ZStack（需添加其他内容时）

只需在根ZStack上设置一次ignoresSafeArea(.all)，无需在子视图重复调用：

ZStack {
    Color.red
    // 后续可添加其他组件
}
.ignoresSafeArea(.all)

关键说明 #

• WidgetKit组件默认遵循系统安全区域规则，ignoresSafeArea(.all)会强制视图忽略所有方向的安全区域限制，包括顶部、底部及侧边的默认内边距。
• 重复调用ignoresSafeArea()不会提升效果，反而可能引发约束冲突，仅需在根视图层级设置一次即可。

内容的提问来源于stack exchange，提问作者Yunusbek Sadullaev