f:id:yoshiki_utakata:20191225120619p:plain

NavigationView を表示させる

struct ContentView: View {
    var body: some View {
        NavigationView {
            // ビューの中身をここに書く
        }
    }
}

NavigationView にタイトルを表示させる

struct ContentView: View {
    var body: some View {
        NavigationView {
            // ビューの中身をここに書く

            // NavigationView にタイトルをつける
            // NavigationView{} の中身にこれを書くので注意
            .navigationBarTitle(Text("タイトル"))
        }
    }
}

NavigationView の右上にボタンを設置する

struct ContentView: View {
    var body: some View {
        NavigationView {
            // ビューの中身をここに書く

            // NavigationView の右上にボタンを配置する
            // action と中身を必ず設定しなければならない
            .navigationBarItems(trailing: Button(action: {
                // クリックした時のアクション
            }){
                // ボタンの文字
                Text("設定")
            })
        }
    }
}