如何在 iOS 14、SwiftUI 2 中以编程方式更改 PageTabView？

Question

我正在探索 Xcode 12 和 SwiftUI 2.0 中的新事物

我在 Xcode 12、iOS 14、Swift UI 2 中创建了一个带有 TabView 和 PageTabViewStyle 的页面浏览载入屏幕。我想在点击它时添加下一个按钮，页面应该移动到第二个视图。这里Text("Hello")。

struct OnBoardingView: View {
    var body: some View {
        TabView {
            Text("Hi")
            Text("Hello")
            Text("Welcome")
        }
        .tabViewStyle(PageTabViewStyle())
        .indexViewStyle(PageIndexViewStyle(backgroundDisplayMode: .always))
    }
}

Answer 1

这是解决方案的演示。使用 Xcode 12 / iOS 14 测试

struct OnBoardingView: View {
    @State private var selectedPage = 0
    var body: some View {
        VStack {
            HStack {
                Button("<") { if selectedPage > 0 {
                    withAnimation { selectedPage -= 1 }
                } }
                Spacer().frame(width: 40)
                Button(">") { if selectedPage < 2 {
                    withAnimation { selectedPage += 1 }
                } }
            }
            TabView(selection: $selectedPage) {
                Text("Hi").tag(0)
                Text("Hello").tag(1)
                Text("Welcome").tag(2)
            }
            .tabViewStyle(PageTabViewStyle())
            .indexViewStyle(PageIndexViewStyle(backgroundDisplayMode: .always))
        }
    }
}