SwiftUI中.background修饰符的Shape是否会自动应用到Sheet？是预期行为吗？

先看这段简化的SwiftUI代码：

@State private var showSheet = false
var body: some View {
    Text("Test button")
        .padding(50)
        .onTapGesture {
            showSheet.toggle()
        }
        .sheet(isPresented: $showSheet) {
            Text("Sheet")
                .padding(50)
                .background(.teal)
        }
        .background(.orange, in: .rect(cornerRadius: 20))
}

现象 #

• 当.background(.orange, in: .rect(cornerRadius: 20))放在.sheet()之后时，Sheet内的Text("Sheet")的青色背景会带上20pt的圆角；
• 调换两者顺序，把.background移到.sheet之前，Sheet内的背景就不会有圆角，这是符合预期的效果；
• 额外测试：移除Sheet内的.background(.teal)后，Sheet内的Text并不会继承父视图的橙色背景，只有形状被继承。

结论：这是iOS 18/Xcode 16中的Bug #

SwiftUI中修饰符顺序确实重要，但.sheet是创建独立模态视图层级的修饰符，它的内容理论上属于脱离当前视图树的独立层级，不应该被后续的父视图背景形状配置影响。

而且这里出现了逻辑不一致：只继承背景形状，却不继承背景色，这不符合SwiftUI的修饰符作用逻辑——要么完整继承背景配置，要么完全不继承。这种部分继承的情况显然是非预期的。

解决方案 #

按照SwiftUI的视图层级逻辑，将父视图的.background修饰符放在.sheet之前，这样父视图的背景配置就不会作用到Sheet内容上，代码如下：

@State private var showSheet = false
var body: some View {
    Text("Test button")
        .padding(50)
        .onTapGesture {
            showSheet.toggle()
        }
        .background(.orange, in: .rect(cornerRadius: 20))
        .sheet(isPresented: $showSheet) {
            Text("Sheet")
                .padding(50)
                .background(.teal)
        }
}

你已经提交的反馈FB15477012是正确的做法，苹果大概率会在后续版本修复这类视图层级关联的Bug。

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