この節では画面の移動を行うためにNavigationの使い方を紹介します。Navigationを用いるために NavigationView を追加します。(※iOS16以降は NavigationStack の利用が推奨されます)

  • SFSwiftUI02-1.swiftpm を開く [(サンプルコード)

  • NavigationView でVStackを包む

  • VStackに .navigationTitle を追加

    • 表示中のオブジェクトに.navigationTitleがあるとタイトルに適用される

コード

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12

import SwiftUI

struct ContentView: View {
    var body: some View {
        NavigationView {
            VStack {
                Text( "白紙のページです" )
            }
            .navigationTitle( "タイトル" )
        }
    }
}

結果

swiftui_2_1_1_1.png