Accéder à une nouvelle vue avec SwiftUI

Question

J'ai une vue de base avec un bouton utilisant SwiftUI et j'essaie de présenter un nouvel écran/vue lorsque le bouton est touché. Comment dois-je m'y prendre ? Suis-je censé créer un délégué pour cette vue qui dira au programme de l'application SceneDelegate pour présenter un nouveau contrôleur de vue ?

import SwiftUI

struct ContentView : View {
    var body: some View {
        VStack {
            Text("Hello World")
            Button(action: {
                //go to another view
            }) {
                Text("Do Something")
                    .font(.largeTitle)
                    .fontWeight(.ultraLight)
            }
        }
    }
}

Answer 1

La clé est d'utiliser une NavigationView et une NavigationLink :

import SwiftUI

struct ContentView : View {
    var body: some View {
        NavigationView {
            VStack {
                Text("Hello World")
                NavigationLink(destination: DetailView()) {
                    Text("Do Something")
                }
            }
        }
    }
}

Answer 2

Il ne s'agissait pas de la réponse principale, mais plutôt d'une méthode alternative si vous ne voulez pas de la barre de navigation. Voir La réponse de Jake ci-dessous pour la manière normale de procéder avec NavigationView & NavigationLink . J'espère que ces informations vous seront toujours utiles ou qu'elles vous mettront sur la bonne voie.

Si vous essayez juste d'obtenir un NavigationLink travailler avec un Binding vous pouvez utiliser le même NavigationLink comme je l'ai fait avec le isActive paramètre de liaison.

Bref, revenons à la réponse

---

J'ai créé un modificateur de vue pour cela. Cela signifie également qu'il n'y a pas de barre de navigation. Vous pouvez l'appeler comme ça :

.navigate(to: MainPageView(), when: $willMoveToNextScreen)

Il peut être attaché à n'importe quoi, donc je l'attache généralement à l'extrémité du corps, par exemple :

@State private var willMoveToNextScreen = false

var body: some View {
    VStack {
        /* ... */
    }
    .navigate(to: MainPageView(), when: $willMoveToNextScreen)
}

Code (n'oubliez pas de import SwiftUI ) :

extension View {
    /// Navigate to a new view.
    /// - Parameters:
    ///   - view: View to navigate to.
    ///   - binding: Only navigates when this condition is `true`.
    func navigate<NewView: View>(to view: NewView, when binding: Binding<Bool>) -> some View {
        NavigationView {
            ZStack {
                self
                    .navigationBarTitle("")
                    .navigationBarHidden(true)

                NavigationLink(
                    destination: view
                        .navigationBarTitle("")
                        .navigationBarHidden(true),
                    isActive: binding
                ) {
                    EmptyView()
                }
            }
        }
        .navigationViewStyle(.stack)
    }
}

Answer 3

Si no veulent montrer le navigationView vous pouvez le cacher dans la destination.

struct ContentViewA : View {
    var body: some View {
        NavigationView {
            VStack {
                Text("Hello World")
                NavigationLink(destination: ContentViewB()) {
                    Text("Go To Next Step")
                }
            }
        }
    }
}

struct ContentViewB : View {
        var body: some View {
            NavigationView {
                VStack {
                    Text("Hello World B")

                }.navigationBarTitle("")
                .navigationBarHidden(true)
            }
        }
    }

ou si vous voulez le cacher en fonction de conditions, vous pouvez utiliser @State pour changer la visibilité.

Answer 4

Je pense que c'est le moyen le plus simple et le plus clair. Utilisez fullScreenCover après l'outil UI.

Button(action: {
         //code
         }){
           Text("Send")
         }.fullScreenCover(isPresented: self.$model.goToOtherView, content: {
                    OtherView()
                })

Answer 5

Voici une autre façon de présenter une vue SANS utiliser NavigationView. Cela ressemble à la méthode de UIKit UIModalPresentationStyle.currentContext .

struct PresenterButtonView: View {
var body: some View {
    PresentationButton(Text("Tap to present"),
                       destination: Text("Hello world"))
}}