macOS SwiftUI中如何让Sheet背景色与系统背景色保持一致？

原本Sheet的背景色会自动适配系统默认背景，但当弹出的自定义视图背景色设为.white时，Sheet的背景色会跟着变成白色，导致Sheet和自定义视图边界重合，无法区分两者。

场景对比 #

• 自定义视图背景色设为.yellow.opacity(0.5)时：Sheet保持系统默认背景色，与自定义视图区分清晰
• 自定义视图背景色设为.white时：Sheet背景色变为白色，和自定义视图融为一体
• 期望效果：Sheet始终保持系统默认背景色，自定义视图为白色，两者边界明确

相关代码 #

自定义视图代码：

struct customTextView: View {
    @State var backColor: Color
    var body: some View {
        Text("This is SHEET !")
            .font(.largeTitle)
            .padding()
            .background(backColor)
    }
}

Sheet弹出代码：

.sheet(isPresented: $open, content: {
    customTextView(backColor: .white)
        .frame(width: 300, height: 300)
})

解决方案 #

在Sheet的根视图外层强制设置背景色为系统默认背景，这样无论自定义视图背景是什么，Sheet的背景都会保持系统样式：

.sheet(isPresented: $open, content: {
    customTextView(backColor: .white)
        .frame(width: 300, height: 300)
        .background(.systemBackground) // 固定Sheet背景为系统默认
})

原理：当自定义视图使用.white背景时，SwiftUI会自动将这个背景色向上传递给Sheet的容器层，通过显式设置.background(.systemBackground)可以覆盖这个继承行为，确保Sheet保持默认的系统背景样式。

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