实战需求

SwiftUI 动画之Slide幻灯片切换动画效果

本文价值与收获

看完本文后，您将能够作出下面的界面

看完本文您将掌握的技能

• 强制更新视图 Text("(text)").id(text)
• 幻灯片切换效果 .transition(.slide)
• 动画效果.animation(.easeInOut(duration: 2))

实战代码

import SwiftUI

struct Survey: View {
  @State private var id = 0

  var body: some View {
    VStack {
      MyText(text: $id)

      Button("Increment") {
        self.id += 1
      }
    }
  }

  struct MyText: View {
    @Binding var text: Int
    

    var body: some View {
      return Text("\(text)").id(text)