如何在 SwiftUI 中创建从登录视图到选项卡视图之间的转换？

Question

Here's the snippet of code from LoginView :

Button(action: {
    if loginAndPasswordAreOK() {
        // Perform Segue to TabView
    } else {
        self.isValidLoginAndPassword = false
        self.email = ""
        self.password = ""
    }
}, label: {

and there's a piece of code of MainTabView (aka Home Tab):

struct MainTabView: View {
var body: some View {
    TabView {
        Text("Home Tab")
            .font(.system(size: 30, weight: .bold, design: .rounded))
            .tabItem {
                Image(systemName: "house.fill")
                Text("Home")
            }

I googled around and saw NavigationLink or something but I don't want to wrap up this transition to a NavController at all.

Answer 1

Here:

    import SwiftUI

struct ContentView: View {
    
    @State var isPassOk: Bool = false
    var userPass: String = "1234"
    @State var userGivenPass: String = ""
    
    var body: some View {
        
        
        
        if isPassOk == false
        {
            HStack
            {
                
                
                
                TextField("Enter your Pass Here!", text: $userGivenPass)
                    .textFieldStyle(RoundedBorderTextFieldStyle())
                
                
                Button("Log in") {
                    
                    // do your logig Here!
                    if userGivenPass == userPass
                    {
                        withAnimation(.easeInOut)
                        {
                            isPassOk = true
                        }
                        
                    }
                    else
                    {
                        isPassOk = false
                    }
                    
                    
                }
                
            }
            .font(Font.title)
            .padding()
        }
        else if isPassOk == true
        {
            TabView {
                Text("Home Tab")
                    .font(.system(size: 30, weight: .bold, design: .rounded))
                    .tabItem {
                        Image(systemName: "house.fill")
                        Text("Home")
                    }
                
            }
        }
        
    }
}

Here Updated for you:

  import SwiftUI

    struct ContentView: View {
        
        @State var isPassOk: Bool = false
    
    
    var body: some View {
        
        
        
        if isPassOk == false
        {
            LogInView(isPassOk: $isPassOk)
        }
        else if isPassOk == true
        {
            MainTabView()
        }
        
        
        
        
    }
}




struct LogInView: View {
    
    
    @Binding var isPassOk: Bool
    var userPass: String = "1234"
    @State var userGivenPass: String = ""
    
    var body: some View {
  
        HStack
        {
  
            
            TextField("Enter your Pass Here!", text: $userGivenPass)
                .textFieldStyle(RoundedBorderTextFieldStyle())
            
            
            Button("Log in") {
                
                // do your logig Here!
                if userGivenPass == userPass
                {
                    withAnimation(.easeInOut)
                    {
                        isPassOk = true
                    }
                    
                }
                else
                {
                    isPassOk = false
                }
   
            }
            
        }
        .font(Font.title)
        .padding()
        
    }
 
    
}







struct MainTabView: View {
    
    var body: some View {
        
        
        TabView {
            Text("Home Tab")
                .font(.system(size: 30, weight: .bold, design: .rounded))
                .tabItem {
                    Image(systemName: "house.fill")
                    Text("Home")
                }
            
        }
        
    }
    
    
}