Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

How to change PageTabView programmatically in iOS 14, SwiftUI 2?

I'm exploring new things came in Xcode 12 and SwiftUI 2.0

I have created a pageview onboarding screen with TabView and PageTabViewStyle in Xcode 12, iOS 14, Swift UI 2. I want to add the next button when clicking on it, the page should move to the second view. Here Text("Hello").

struct OnBoardingView: View {
    var body: some View {
        TabView {
            Text("Hi")
            Text("Hello")
            Text("Welcome")
        }
        .tabViewStyle(PageTabViewStyle())
        .indexViewStyle(PageIndexViewStyle(backgroundDisplayMode: .always))
    }
}
like image 262
Azhagusundaram Tamil Avatar asked Jul 10 '20 11:07

Azhagusundaram Tamil


1 Answers

Here is a demo of solution. Tested with Xcode 12 / iOS 14

demo

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))
        }
    }
}
like image 176
Asperi Avatar answered Nov 12 '22 17:11

Asperi