Как я могу использовать анимацию в таблице для поток адаптации? ⇐ IOS

[Anonymous]

Я пытаюсь создать анимированный опыт адаптации, где контент каждой вкладки анимирует, когда он появляется. Мой код работает, как и задумано, когда между вкладками:

Однако, и это поведено в непоколерий Играть вообще:

struct TabDemoView: View {
var onComplete: (() -> Void)? = nil
@State private var currentPage = 0
var body: some View {
VStack {
TabView(selection: $currentPage) {
ForEach(TabDemoPage.allCases.indices, id: \.self) { index in
let page = TabDemoPage.allCases[index]
getPageView(for: page, shown: currentPage == index).tag(page.rawValue)
}
}
.tabViewStyle(PageTabViewStyle(indexDisplayMode: .never))
.animation(.spring(), value: currentPage)

Spacer()

HStack(spacing: 12) {
ForEach(TabDemoPage.allCases.indices, id: \.self) { index in
let circleSize: CGFloat = index == currentPage ? 12 : 8
let circleColor: Color = currentPage == index ? .blue : .gray.opacity(0.5)
Circle()
.fill(circleColor)
.frame(width: circleSize, height: circleSize)
.animation(.spring(), value: currentPage)
}
}

Group {
if currentPage < OnboardingPage.allCases.count - 1 {
Button("Next") { currentPage += 1 }
} else {
Button("Get Started") { onComplete?() }
}
}
.padding()
.foregroundColor(.primary)
}
.padding(.bottom, 40)
}

@ViewBuilder
private func getPageView(for page: TabDemoPage, shown: Bool) -> some View {
VStack {
Spacer()
Text(page.content)
.opacity(shown ? 1 : 0)
.scaleEffect(shown ? 1 : 4)
.animation(.spring(), value: shown)
Spacer()
}

}
}

enum TabDemoPage: Int, CaseIterable {
case pageOne
case pageTwo
case pageThree
case pageFour
case pageFive
case pageSix

var content: String {
switch self {
case .pageOne: "Page One"
case .pageTwo: "Page Two"
case .pageThree: "Page Three"
case .pageFour: "Page Four"
case .pageFive: "Page Five"
case .pageSix: "Page Six"
}
}
}


Подробнее здесь: https://stackoverflow.com/questions/795 ... rding-flow