SwiftUI：列表添加Button后集合变更无动画的解决方法

当你在SwiftUI的List行中直接使用Button组件时，数据源集合变化（比如洗牌操作）时的列表动画会失效，换成Text则正常。这是因为默认的Button样式会和List的行交互逻辑冲突，干扰了动画的触发。

解决方法：给Button设置PlainButtonStyle #

通过给Button添加.buttonStyle(PlainButtonStyle())，可以移除Button默认的列表行样式，让List重新识别行元素的变化并恢复动画效果：

struct ContentView: View {
    @State private var fruits = ["apple", "banana", "cherry"]

    var body: some View {
        NavigationStack {
            List(fruits, id: \.self) { fruit in
                Button(fruit) {}
                    .buttonStyle(PlainButtonStyle()) // 关键：添加该样式
            }
            .toolbar {
                Button("Shuffle") {
                    withAnimation { fruits = fruits.shuffled() }
                }
            }
        }
    }
}

原理说明 #

List默认会对行内的Button做特殊处理，将其视为行的交互入口，这会覆盖List原本的元素变化检测逻辑，导致动画无法触发。PlainButtonStyle()会让Button回归普通按钮样式，不再占用行的交互优先级，从而让List能正常响应数据源变化并播放动画。

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