iOS 16 堆栈视图中按钮的奇怪动画

这看起来当然像是一个漏洞.按钮的Text标签没有将.animation()值应用到它，但背景应用了.

这里有另一种修复它的方法.将.animation()修改器也应用于Text标签:

struct SampleView: View {
    @State private var toggle: Bool = false
    var body: some View {
        ZStack {
            Button {
                toggle.toggle()
            } label: {
                Text("Tap here to move!")
                    .font(.system(size: 20, weight: .black))
                    .foregroundColor(.black)
                    .animation(.easeInOut(duration: 1), value: toggle) // here
            }
            .padding(10)
            .background(.red)
        }
        .offset(x: 0, y: toggle ? 0 : 200)
        .animation(.easeInOut(duration: 1), value: toggle)
    }
}

More Evidence of the Bug个

在这个例子中，我们有两个一起移动的按钮.这在iOS 15.5中可以正常运行，但在iOS 16中会中断.按下的按钮动画会中断，但对另一个按钮有效.

struct ContentView: View {
    @State private var toggle: Bool = false

    var body: some View {
        VStack {
            Button {
                toggle.toggle()
            } label: {
                Text("Tap here to move!")
                    .font(.system(size: 20, weight: .black))
                    .foregroundColor(.black)
            }
            .padding(10)
            .background(.red)

            Button {
                toggle.toggle()
            } label: {
                Text("Tap here to move!")
                    .font(.system(size: 20, weight: .black))
                    .foregroundColor(.black)
            }
            .padding(10)
            .background(.blue)

        }
        .offset(x: 0, y: toggle ? 0 : 200)
        .animation(.easeInOut(duration: 1), value: toggle)
    }
}

相同的修复方法也适用于此:将.animation()修饰符添加到每个按钮的Text标签中，或将按钮动作用withAnimation { }括起来.