Button click go another page in swiftui

Question

I have two view one is LoginView. Another is WelcomeView. I want to go from LoginView to WelcomeView onclick button from LoginView.

Here is my code..

LoginView

struct LoginView: View {

 var body: some View {
   VStack{
    Button(action: {
        print("*** Press go login view ****")

    }) {
        Text("Login")
            .font(.custom(TextConstant.keyValues.front_name, size: 30))
            .foregroundColor(.white)
            .fontWeight(.bold)
            .frame(minWidth: 0, maxWidth: .infinity)
            .padding(.all,20)
            .foregroundColor(.blue)
            .background(LinearGradient(gradient: Gradient(colors: [.green, .green]), startPoint: .leading, endPoint: .trailing))
            .cornerRadius(10)
      }
     }
   }
 }

Here is WelcomeView

 struct WelcomeView: View {
   var body: some View {
    Text("Hello ")
   }
  }

I want to go another page on clcik button & back to previous onclick button. Please help.

Does this answer your question? [How to navigate between screens using a button in SwiftUI](https://stackoverflow.com/questions/67420653/how-to-navigate-between-screens-using-a-button-in-swiftui) — mahan, Oct 21 '21 at 07:26

score 4 · Accepted Answer · answered Oct 21 '21 at 07:09

you could try this to go from LoginView to WelcomeView on your button click in LoginView:

struct LoginView: View {
    @State private var showWelcomeView = false
    
    var body: some View {
        NavigationView {
            VStack {
                Button(action: { showWelcomeView = true }) {
                    Text("Login")
                        .font(.custom(TextConstant.keyValues.front_name, size: 30))
                        .foregroundColor(.white)
                        .fontWeight(.bold)
                        .frame(minWidth: 0, maxWidth: .infinity)
                        .padding(.all,20)
                        .foregroundColor(.blue)
                        .background(LinearGradient(gradient: Gradient(colors: [.green, .green]), startPoint: .leading, endPoint: .trailing))
                        .cornerRadius(10)
                }
                NavigationLink("", destination:  WelcomeView(), isActive: $showWelcomeView)
            }
        }
    }
}

Button click go another page in swiftui

1 Answers1