SwiftUI中含List视图的Overlay内Sheet的视图动画失效求助

问题场景 #

在iOS 17.2（模拟器/真机）环境下，基于CoreData的SwiftUI应用出现动画失效：

• 标签页1：Sheet内的"Animated"文本在清空TextField时，能正常执行滑入过渡动画
• 标签页2：Sheet内的相同文本在清空TextField时直接突然出现，无任何过渡动画

差异点：标签页2的Sheet是附加在包含List的视图的Overlay上，而标签页1的Sheet附加在无List的Overlay上。

可行解决方案 #

方案1：调整Sheet的挂载层级 #

将Sheet直接附加到NavigationStack，而非通过Overlay间接挂载：

struct ContentViewDoesntWork: View {
    @FetchRequest(
        sortDescriptors: [],
        animation: .default)
    private var items: FetchedResults<Item>
    
    @State var itemOp : ItemOp2? = nil
    
    var body: some View {
        NavigationStack {
            List {
                ForEach(items) { item in
                    Button("Show sheet") {
                        itemOp = ItemOp2(item: item)
                    }
                }
            }
        }
        // 移除Overlay，直接绑定sheet到NavigationStack
        .sheet(item: $itemOp) { item in
            ContentViewDoesntWorkInner(item: item.item)
        }
    }
}

方案2：显式用withAnimation包裹状态变更 #

修改ItemEditor中的TextField绑定，在CoreData对象属性更新时显式触发动画上下文：

struct ItemEditor: View {
    @ObservedObject var item : Item
    
    var body: some View {
        VStack() {
            TextField("Value", text: Binding(
                get: { item.name ?? "" },
                set: { newValue in
                    withAnimation {
                        item.name = newValue
                    }
                }
            ))
            
            ZStack {
                if item.name?.count ?? 0 > 0 {
                    Text("Animated")
                        .transition(.slide)
                }
            }
        }
    }
}

此方案移除了原有的.animation修饰符，通过withAnimation直接将状态变更包裹在动画上下文中，确保动画触发信号被正确识别。

方案3：为Sheet容器添加动画绑定 #

在Sheet的内层视图外层添加动画修饰符，关联Item的状态变化：

struct ContentViewDoesntWorkInner: View {
    @Environment(\.managedObjectContext) private var viewContext
    
    @ObservedObject var item : Item

    var body: some View {
        NavigationStack {
            Form {
                Section {
                    ItemEditor(item:item)
                }
            }
        }
        // 为外层容器添加动画绑定
        .animation(.default, value: item.name)
    }
}

原因分析 #

1. 视图层级干扰：当Sheet通过Overlay附加到List视图时，List的内部复用与布局逻辑会破坏动画上下文的传递，导致Sheet内的视图无法响应动画触发。
2. 动画上下文缺失：第二个场景中，CoreData对象的属性更新未被包裹在有效的动画上下文中，SwiftUI无法识别需要触发过渡动画。
3. TabView视图复用：TabView对非活跃标签页的视图会进行资源回收，可能导致Sheet的动画环境被重置，无法关联到Item的状态变化。

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