ios - 为什么这个简单的不透明动画在 SwiftUI 中不起作用？

Question

我试图为文本制作一个简单的淡入淡出动画，但是当我尝试这样做时，它不起作用。不透明度没有平滑的增加和减少，它只是跳到完全并且没有不透明度。

struct Test: View {
    @State var showing = false
    
    var body: some View {
        VStack {
            Button("Toggle") {
                self.showing.toggle()
            }
            
            if showing {
                Text("Hello")
                    .transition(.opacity)
                    .animation(.easeInOut)
            }
        }
    }
}

有谁知道为什么这不能按预期工作？当从 View 层次结构中插入和删除文本时，我期望这能够在淡出过渡中平滑淡入淡出。

Answer 1

当 showing 时，没有人可以制作动画了是 false .而是使用以下内容:

VStack {
    if showing {
        Text("Hello")
            .transition(.opacity)
    }
}.animation(.easeInOut)   // << here !!