SwiftUI自定义背景Sheet切换Detent时动画异常问题求助

这个问题是SwiftUI的已知Bug，当给Sheet设置presentationBackground自定义背景后，切换.medium和.large Detent时，系统的动画逻辑会出现错乱，导致Sheet先变成屏幕中间的方块再移动到目标位置。

解决方法：替换presentationBackground为内容视图的背景设置 #

不要用presentationBackground修改Sheet容器的背景，而是直接在Sheet的内容视图内部添加背景，这样不会干扰系统的Detent动画逻辑。

修改后的代码如下：

struct ContentView: View {

    @State private var selectedDetent: PresentationDetent = .medium

    var body: some View {
        VStack {}
            .sheet(isPresented: .constant(true)) {
                Button("Press Me") {
                    selectedDetent = selectedDetent == .medium ? .large : .medium
                }
                // 替换presentationBackground为内容视图的background
                .frame(maxWidth: .infinity, maxHeight: .infinity)
                .background(.gray)
                .cornerRadius(16) // 模拟默认Sheet的圆角样式
                .presentationDetents([.medium, .large], selection: $selectedDetent)
            }
    }
}

原理说明 #

presentationBackground是直接修改Sheet系统容器的背景层，这会干扰系统对Sheet尺寸变化的动画计算；而给内容视图添加背景，是在Sheet的内容层级设置样式，系统的Detent切换动画逻辑不受影响，能保持正常的上部收起、底部贴合屏幕的动画效果。

如果需要更复杂的背景（比如渐变、自定义视图），同样可以用这个方式，把background(.gray)换成对应的背景视图即可。

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