本記事では、NavigationStack の基本的な使い方を簡単に説明してみました!
NavigationStackとは?
NavigationStack は、画面の遷移を階層構造で管理する新しいナビゲーションの仕組みです。
NavigationStack {
List {
NavigationLink("詳細へ", value: "詳細画面")
}
.navigationDestination(for: String.self) { value in
Text("遷移先: \(value)")
}
}
NavigationStackの基本構造
-
NavigationStack { ... }
ナビゲーションの起点になるビューです。 -
NavigationLink
リンクをタップすると遷移します。遷移先の情報(データ)を value として渡します。 -
navigationDestination(for:_: )
NavigationLink で渡された型に応じて、遷移先の画面を定義します。
まとめ
-
NavigationStack は NavigationView の後継として、より柔軟で安全なナビゲーションを提供
-
value と navigationDestination(for:) の組み合わせで、データ駆動の遷移が可能に
ぜひこの記事を参考にNavigationStackを使ってみてください!👍