SwiftUI中VStack背景色超出安全区问题求助

这不是bug，是SwiftUI里背景修饰符的两种不同布局逻辑导致的：

1. 直接用.background(Color.white)时覆盖安全区外的原因 #

Color是SwiftUI里特殊的「无限扩展型视图」，它会自动填满所有可用空间。你的VStack加了.frame(maxWidth: .infinity)，这个设置会让VStack的宽度拉伸到屏幕的整个范围（包括安全区外），所以作为背景的白色Color也会跟着填满这个完整宽度，自然就覆盖了安全区外的区域。

2. 加.cornerRadius(20)后仅覆盖安全区的原因 #

当你给Color加上.cornerRadius修饰符时，相当于给这个背景视图加了裁剪规则。此时Color不再无限扩展，而是会严格贴合它所附着的VStack的原始布局边界——而VStack默认是遵守安全区边距的，所以背景就只出现在安全区内了。

解决方法（如果需要带圆角且覆盖安全区） #

如果想让带圆角的背景也覆盖安全区，可以把.ignoresSafeArea()加到Color上，再套圆角：

.background(
    Color.white
        .ignoresSafeArea()
        .cornerRadius(20)
)

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