如何通过单击按钮在 Swift UI 中从一个视图导航到另一个视图

Question

I want to push from one view to another in SwiftUI on a click of button. Likewise we navigate from one controller to another controller in storyboard.

But in SwiftUI how to achieve this.

Answer 1

You can solve it by using NavigationLink

What is NavigationLink?

NavigationLink: Creates a button on the right hand side of each cell and triggers presentation to the detail view

Apple Link: https://developer.apple.com/documentation/swiftui/navigationlink

Sample Projects

Apple https://developer.apple.com/tutorials/swiftui/building-lists-and-navigation

Github https://github.com/appbrewery/H4X0R-News-iOS13-SwiftUI-Completed

How to Implement:

import SwiftUI

struct LandmarkList: View {
    var body: some View {
        NavigationView {
            List(landmarkData) { landmark in
                NavigationLink(destination: LandmarkDetail(landmark: landmark)) {
                    LandmarkRow(landmark: landmark)
                }
            }
            .navigationBarTitle(Text("Landmarks"))
        }
    }
}

*Note: "LandmarkDetail" is your destination view.

You can also download the sample project from apple (link mentioned above) to understand it clearly

Answer 2

There are two ways to achieve that.

The first one is with "isActive" binding.

struct ViewA: View {

    @State private var isActive = false

    var body: some View {
        NavigationView {
            VStack {
                NavigationLink(destination: NextView(),
                               isActive: $isActive) {
                        Button(action: {
                            self.isActive = true
                        }) {
                            Text("Push Next View")
                        }
                }
            }
        }
    }

}

You place the view which you want to push in the NavigationLink's destination. The second way is again with NavigationLink, but using "tag" and "selection". There the navigation is activated when the selection matches the tag.