【SwiftUI】NavigationLinkを使った画面遷移の実装方法

NavigationLinkを使った画面遷移

NavigationViewの中で、NavigationLinkを使うと画面遷移が実装できます。

struct ContentView: View {
    var body: some View {
        NavigationView {
            NavigationLink(destination: Text("画面B")) {
                Text("画面Bヘ")
            }
            .navigationBarTitle("画面A")
        }
    }
}

destination:に次の画面の情報を入れてあげます。今回は、画面Bというテキストしか表示させていません。

以下のように、destination:structを入れる方法でも実装できます。

struct ContentView: View {
    var body: some View {
        NavigationView {
            NavigationLink(destination: BView()) {
                Text("画面Bヘ")
            }
            .navigationBarTitle("画面A")
        }
    }
}

struct BView: View {
    var body: some View {
        Text("画面B")
    }
}