Naviguer par programme vers une nouvelle vue dans SwiftUI

Maintenant, vous devez simplement créer une instance de la nouvelle vue vers laquelle vous souhaitez naviguer et la placer dans NavigationButton:

NavigationButton(destination: NextView(), isDetail: true, onTrigger: { () -> Bool in
    return self.done
}) {
    Text("Login")
}

Si vous retournez true onTrigger, cela signifie que vous vous êtes connecté avec succès.

Vous pouvez remplacer la vue suivante par votre vue de connexion après une connexion réussie. Par exemple:

import Combine

class UserAuth: ObservableObject {

  let didChange = PassthroughSubject<UserAuth,Never>()

  // required to conform to protocol 'ObservableObject' 
  let willChange = PassthroughSubject<UserAuth,Never>()

  func login() {
    // login request... on success:
    self.isLoggedin = true
  }

  var isLoggedin = false {
    didSet {
      didChange.send(self)
    }

    // willSet {
    //       willChange.send(self)
    // }
  }
}

Vous devez gérer votre processus de connexion dans votre modèle de données et utiliser des liaisons telles que @EnvironmentObject pour transmettre isLoggedin à votre vue.

Remarque: dans Xcode version 11.0 beta 4 , pour se conformer au protocole 'BindableObject', la propriété willChange doit être ajoutée

struct LoginView: View {
    var body: some View {
        ...
    }
}

struct NextView: View {
    var body: some View {
        ...
    }
}

// Your starting view
struct ContentView: View {

    @EnvironmentObject var userAuth: UserAuth 

    var body: some View {
        if !userAuth.isLoggedin {
            LoginView()
        } else {
            NextView()
        }

    }
}

Pour référence future, comme un certain nombre d'utilisateurs ont signalé avoir obtenu l'erreur «La fonction déclare un type de retour opaque», pour implémenter le code ci-dessus à partir de @MoRezaFarahani, il faut la syntaxe suivante:

struct ContentView: View {

    @EnvironmentObject var userAuth: UserAuth 

    var body: some View {
        if !userAuth.isLoggedin {
            return AnyView(LoginView())
        } else {
            return AnyView(NextView())
        }

    }
}

Cela fonctionne avec Xcode 11.4 et Swift 5

Pour expliquer ce que d'autres ont élaboré ci-dessus en fonction des modifications apportées à la combinaison à partir de la Swift Version 5.2 de Swift Version 5.2 il pourrait être simplifié en utilisant des éditeurs.

1. Créez un nom de classe UserAuth comme indiqué ci-dessous, n'oubliez pas d'importer import Combine .

struct ContentView: View {
    @EnvironmentObject var userAuth: UserAuth 
    var body: some View {
        if !userAuth.isLoggedin {
                LoginView()
            } else {
                NextView()
            }
    }
  }

2. Mettre à jour SceneDelegate.Swift avec

   let contentView = ContentView().environmentObject(UserAuth())

3. Votre vue d'authentification

      struct NextView: View {
        var body: some View {
        ...
        }
      }
   

4. Votre tableau de bord après une authentification réussie, si l'authentification userAuth.isLoggedin = true il sera chargé.

    struct LoginView: View {
       @EnvironmentObject  var  userAuth: UserAuth
       var body: some View {
           ...
       if ... {
       self.userAuth.login()
       } else {
       ...
       }
    }
   }
   
   

5. Enfin, la vue initiale à charger une fois l'application lancée.

class UserAuth: ObservableObject {
        @Published var isLoggedin:Bool = false

        func login() {
            self.isLoggedin = true
        }
    }

Voici une extension sur UINavigationController qui a un simple push / pop avec des vues SwiftUI qui obtient les bonnes animations. Le problème que j'ai eu avec la plupart des navigations personnalisées ci-dessus était que les animations push / pop étaient désactivées. L'utilisation de NavigationLink avec une liaison isActive est la bonne façon de le faire, mais elle n'est ni flexible ni évolutive. L'extension ci-dessous a donc fait l'affaire pour moi:

var appNavigationController = UINavigationController.init(rootView: rootView)
window.rootViewController = appNavigationController
window.makeKeyAndVisible()

// Now you can use appNavigationController like any UINavigationController, but with SwiftUI views i.e. 
appNavigationController.pushView(view: AnyView(MySwiftUILoginView()))

Voici un exemple rapide d'utilisation de ceci pour window.rootViewController .

/**
 * Since SwiftUI doesn't have a scalable programmatic navigation, this could be used as
 * replacement. It just adds push/pop methods that host SwiftUI views in UIHostingController.
 */
extension UINavigationController: UINavigationControllerDelegate {

    convenience init(rootView: AnyView) {
        let hostingView = UIHostingController(rootView: rootView)
        self.init(rootViewController: hostingView)

        // Doing this to hide the nav bar since I am expecting SwiftUI
        // views to be wrapped in NavigationViews in case they need nav.
        self.delegate = self
    }

    public func pushView(view:AnyView) {
        let hostingView = UIHostingController(rootView: view)
        self.pushViewController(hostingView, animated: true)
    }

    public func popView() {
        self.popViewController(animated: true)
    }

    public func navigationController(_ navigationController: UINavigationController, willShow viewController: UIViewController, animated: Bool) {
        navigationController.navigationBar.isHidden = true
    }
}

struct LoginView: View {
    
    @State var isActive = false
    @State var attemptingLogin = false
    
    var body: some View {
        ZStack {
            NavigationLink(destination: HomePage(), isActive: $isActive) {
                Button(action: {
                    attlempinglogin = true
                    // Your login function will most likely have a closure in 
                    // which you change the state of isActive to true in order 
                    // to trigger a transition
                    loginFunction() { response in
                        if response == .success {
                            self.isActive = true
                        } else {
                            self.attemptingLogin = false
                        }
                    }
                }) {
                    Text("login")
                }
            }
            
            WaitingIndicator()
                .opacity(attemptingLogin ? 1.0 : 0.0)
        }
    }
}
Use Navigation link with the $isActive binding variable