SwiftUI Button触发非预期动画问题求助

在SwiftUI中，点击Button本身切换状态时，会触发默认系统动画，即使未配置任何动画或已设置自定义动画，该默认动画都会覆盖预期行为。

最小复现代码 #

struct MyCirclePlaygroundView: View {
    @State var isCircleBig: Bool = false

    var body: some View {
        VStack {
            MyCircle(isBig: $isCircleBig)

            Text("Toggle")
                .onTapGesture { isCircleBig.toggle() }
        }
    }
}


struct MyCircle: View {
    @Binding var isBig: Bool

    var body: some View {
        Button { isBig.toggle() }
        label: { Circle() }
        .frame(width: isBig ? 150 : 100, height: isBig ? 150 : 100)
    }
}

现象说明 #

• 点击外部"Toggle"文本切换isBig状态时，圆形尺寸变更无动画，符合预期；
• 点击圆形Button本身时，状态变更会出现非预期的默认动画，且未使用withAnimation或.animation(..., value: ...)配置；
• 添加自定义动画（如withAnimation(.bouncy(duration: 2))或.animation(.bouncy(duration: 2), value: isCircleBig)）后，仅外部触发时自定义动画生效，点击Button时仍会使用默认系统动画。

解决方法 #

1. 移除Button默认交互动画

给Button添加.buttonStyle(.plain)，彻底移除Button自带的默认样式与动画：

struct MyCircle: View {
    @Binding var isBig: Bool

    var body: some View {
        Button { isBig.toggle() }
        label: { Circle() }
        .buttonStyle(.plain)
        .frame(width: isBig ? 150 : 100, height: isBig ? 150 : 100)
    }
}

2. 显式禁用状态变更动画

若需保留Button部分默认样式，可在action中用withAnimation(nil)包裹状态修改，强制禁用动画：

struct MyCircle: View {
    @Binding var isBig: Bool

    var body: some View {
        Button { 
            withAnimation(nil) {
                isBig.toggle() 
            }
        }
        label: { Circle() }
        .frame(width: isBig ? 150 : 100, height: isBig ? 150 : 100)
    }
}

3. 让Button点击使用自定义动画

在Button的action中显式指定自定义动画，覆盖默认系统动画：

struct MyCircle: View {
    @Binding var isBig: Bool

    var body: some View {
        Button { 
            withAnimation(.bouncy(duration: 2)) {
                isBig.toggle() 
            }
        }
        label: { Circle() }
        .frame(width: isBig ? 150 : 100, height: isBig ? 150 : 100)
    }
}

原理说明 #

SwiftUI的Button组件在点击时，会自动将其action包裹在默认系统动画环境中，该环境优先级高于外部设置的动画。因此，在Button的action中修改状态时，默认动画会被应用，除非显式指定动画（包括nil）来覆盖这一默认行为。

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