SwiftUIでの画面遷移3

SwiftUIでの画面遷移3

NavigationViewでの遷移です。

Xcode Version 13.3

Swift version 5.6

親Viewでのコード

import SwiftUI

struct ContentView: View {
    var body: some View {
        VStack {
            NavigationView {
                NavigationLink(destination: SecondView()) {
                    Text("次の画面")
                }
            }
        }
    }
}

子Viewのコード

import SwiftUI

struct SecondView: View {
    var body: some View {
        VStack {
            Text("二画面目")
        }
        .background(Color.cyan)
    }   
}

struct SecondView_Previews: PreviewProvider {
    static var previews: some View {
        SecondView()
    }
}

このコードだとテキスト部分だけの表示になるので、全体にしようとすると

import SwiftUI

struct SecondView: View {
    var body: some View {
        GeometryReader { geometory in
           VStack {
                Text("二画面目")
            }
           .frame(width: geometory.size.width,
                height: geometory.size.height)
            .background(Color.cyan)
        }
    }   
}

struct SecondView_Previews: PreviewProvider {
    static var previews: some View {
        SecondView()
    }
}