SwiftUI（macOS）：如何为.sheet的尺寸变化添加动画？

请提供需要按照上述Markdown规则格式化的具体内容，我会帮你完成格式处理。

如果是针对你之前提出的SwiftUI Sheet尺寸动画问题，以下是符合要求的回答：

你遇到的问题是仅修改内容高度时，Sheet容器不会跟随动画调整，导致白色背景暴露。要实现Sheet整体尺寸的平滑过渡，需要通过presentationDetentsAPI控制Sheet容器的高度变化，而非仅调整内容尺寸。

解决思路 #

• 用presentationDetents定义Sheet的可选高度，并绑定到状态变量
• 为状态变量的切换添加动画，让Sheet容器同步产生过渡效果
• 让内容视图自适应Sheet容器尺寸，避免出现空隙

修改后的代码 #

struct ContentView: View {
    @State var isPresented = false
    // 用detent控制Sheet容器高度，替代直接修改内容高度
    @State var selectedDetent: PresentationDetent = .height(100)

    var body: some View {
        VStack {
            Button("显示Sheet") {
                isPresented = true
            }
        }
        .frame(width: 500, height: 300)
        .sheet(isPresented: $isPresented) {
            sheetContent
        }
        // 绑定可选高度并允许动画切换
        .presentationDetents([.height(100), .height(200)], selection: $selectedDetent)
        .animation(.easeOut(duration: 1), value: selectedDetent)
    }

    var sheetContent: some View {
        ZStack {
            Rectangle()
                .foregroundColor(Color.gray)
            Button("改变Sheet高度") {
                selectedDetent = selectedDetent == .height(100) ? .height(200) : .height(100)
            }
        }
        // 让内容充满Sheet容器
        .frame(maxWidth: .infinity, maxHeight: .infinity)
    }
}

原理说明 #

• presentationDetents是SwiftUI专门用于控制Sheet高度的原生API，能让容器本身跟随高度变化产生动画
• 仅修改内容高度时，Sheet容器不会感知变化，只会出现内容动画、容器瞬间切换的情况，导致白色背景暴露
• 让内容自适应容器尺寸，确保内容与Sheet完全贴合，消除空隙

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