NavigationStack
CoddyのSwiftジャーニー「SwiftUI入門」セクションの一部。レッスン 34/50。
NavigationStack は画面にナビゲーションバーを表示し、その上にほかの画面をプッシュできるようにします。画面のコンテンツをこれでラップし、コンテンツにタイトルを付けます：
NavigationStack {
List {
Text("Inbox")
Text("Sent")
}
.navigationTitle("Mail")
}.navigationTitle の配置に注目してください。スタック自体ではなく、スタックの内側にあるコンテンツに配置します。スタックは表示している画面からタイトルを読み取るため、各画面で独自のタイトルを設定できます。
デフォルトではタイトルは大きく表示されます。.navigationBarTitleDisplayMode(.inline)を使うと、バーの中央に小さく表示されます。
チャレンジ
簡単リストを識別子 NavigationStack でラップし、リストにタイトル Recipes を付けます。
自分で試してみよう
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
腕試しこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
SwiftUI入門のすべてのレッスン
自分で練習してみよう: Swiftプレイグラウンド