如何在 SwiftUI 中為文本視圖設置動畫？

Question

我想在基於 state 變量有條件地呈現或刪除文本視圖時為其設置動畫。

我試過了，沒有用

struct AnimatedText: View {
  @State var showingText = false
  
  var body: some View {
    VStack {

      if showingText {
        Text("Hello world")
          .animation(.easeInOut, value: showingText)
      }
      
      Button("Toggle") {
        showingText.toggle()
      }
    }
  }
}

如何為文本視圖設置動畫？

Answer 1

出現/消失是由容器動畫的，因此您需要將Text放入某個容器並使其具有動畫效果，例如

var body: some View {
  VStack {

    VStack {
      if showingText {
        Text("Hello world")
      }
    }.animation(.easeInOut, value: showingText)     // << here !!

    Button("Toggle") {
      showingText.toggle()
    }
  }
}