一个简单的视图,用于在重要的事情开始之前显示一系列视图。以下是如何使用它
@State var start = false
...
.overlay(
CountdownView(startOn: $start,
steps: ["3️⃣", "2️⃣", "1️⃣", "🔥🔥🔥"]) {
// Let the games begin!
}
)
或者使用自定义背景、视图和动画
@State var start = false
...
.overlay(
CountdownView(startOn: $start,
steps: ["3️⃣", "2️⃣", "1️⃣", "🔥🔥🔥"].map({ label in
AnyView(Text("\(label)")
.transition(.asymmetric(insertion: .move(edge: .leading),
removal: .move(edge: .trailing)))
.animation(.easeInOut(duration: 0.2)))
})) {
// Let the games begin!
}
.background(
Circle()
.fill(Color.primary)
.padding()
.opacity(0.5)
)
)