iOS 14 SwiftUI 中不需要的位置动画

Question

对于 iOS 14 和 iOS 13，Swift UI 动画在其父框架中的 View 位置的动画表现似乎有所不同。 我在下面的代码 sn-p 中的目标是仅动画调整按钮文本的大小，这应该在点击它时发生。 相反，在 iOS 14 中，按钮的位移（由 VStack 中的一个附加视图的切换可见性引起）也被动画化了。

相同的代码在 iOS 13（Xcode 11）和 iOS 14（Xcode 12 beta 6，macOS 11 beta）中产生不同的输出。 在 iOS 14 中，如何重现旧行为？

import SwiftUI
import PlaygroundSupport

struct ContentView: View {
    @State var toggle = false
    var body: some View {
        VStack{
            if self.toggle {
                Rectangle().frame(width: 200, height: 200)
            }
            Button(action: {
                self.toggle.toggle()
            }){
                Text("Tap me!")
                    .scaleEffect(self.toggle ? 2 : 1)
                    .animation(
                        Animation.easeInOut(duration: 1.5)
                    )
            }
        }
        .frame(width: 400, height: 400)
    }
}

PlaygroundPage.current.setLiveView(ContentView())

这是所需的行为，就像在 iOS 13 中一样

这是不受欢迎的行为，就像在 iOS 14 中一样

请注意，至少对我而言，同样的不良行为不仅发生在 Playground 中，还发生在 Xcode Previews 中的 iOS 14 以及模拟器和设备上（参见项目文件 https://github.com/himbeles/PositionAnimationExample）：

Answer 1

如果您在 macOS Catalina 或 macOS Big Sur 上使用 Xcode 12，则这是在 iOS 14、macOS Big Sur 和 Swift Playground 中可见的行为变化。

您只希望缩放动画。

一种解决方法是更改​​为显式动画并使用不同的toggle 来控制缩放。然后用withAnimation { } 包裹scale.toggle 的切换：

struct ContentView: View {
    @State var toggle = false
    @State var scale = false
    var body: some View {
        VStack{
            if self.toggle {
                Rectangle().frame(width: 200, height: 200)
            }
            Button(action: {
                self.toggle.toggle()
                withAnimation(.easeInOut(duration: 1.5)) {
                    self.scale.toggle()
                }
            }){
                Text("Tap me!")
                    .scaleEffect(self.scale ? 2 : 1)
            }
        }
        .frame(width: 400, height: 400)
    }
}