SwiftUI自定义Cell无删除动画：包裹HStack正常的原因与解决

问题分析 #

直接将自定义的DisclosureGroup Cell作为List子视图时，删除操作仅能触发Cell整体移除的动画，但DisclosureGroup内部内容没有过渡动画；用HStack包裹后动画正常，但HStack默认紧凑布局会破坏DisclosureGroup的原有排版。

解决方案 #

这里有两种简单可行的修复方式，既保留完整动画又不破坏布局：

方案1：给HStack添加撑满宽度的frame

既然HStack能触发正常动画，只需调整它的布局行为让其和原DisclosureGroup一致：

List(model.tasks) { task in
    HStack {
        NewCell(task: task) {
            withAnimation {
                model.tasks.removeAll { $0.id == task.id }
            }
        }
    }
    .frame(maxWidth: .infinity, alignment: .leading) // 让HStack撑满列表宽度，对齐方式保持和原Cell一致
}
.animation(.default, value: model.tasks)

方案2：用无间距的VStack替代HStack

VStack默认会撑满父视图宽度，无需额外调整布局，同样能让SwiftUI识别到完整的可动画单元：

List(model.tasks) { task in
    VStack(alignment: .leading, spacing: 0) { // 对齐方式和原Cell保持一致，间距设为0避免多余留白
        NewCell(task: task) {
            withAnimation {
                model.tasks.removeAll { $0.id == task.id }
            }
        }
    }
}
.animation(.default, value: model.tasks)

原理说明 #

SwiftUI的List对直接作为row的DisclosureGroup有动画处理优先级问题：DisclosureGroup本身是带状态的容器，List仅会对row的整体移除做动画，不会联动其内部内容。而包裹一层容器（HStack/VStack）后，SwiftUI会将整个容器视为row的完整视图节点，删除时会同步带动内部所有内容的过渡动画。

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