NavigationLink
CoddyのSwiftジャーニー「SwiftUI入門」セクションの一部。レッスン 35/50。
NavigationLinkは、タップすると新しい画面をプッシュする行またはボタンです。タイトルと遷移先のビューが必要です。
NavigationStack {
List {
NavigationLink("Pancakes") {
Text("Mix flour, eggs and milk")
.navigationTitle("Pancakes")
}
}
.navigationTitle("Recipes")
}行をタップすると遷移先がスライドインし、その画面独自のタイトルが設定されます。するとバーには、前の画面にちなんで名付けられた Recipes という戻るボタンが表示され、リストに戻れます。List 内のリンク行には、右側にシェブロンが表示されます。
遷移先は、独自のビュー構造体を含め、任意のビューにできます。
チャレンジ
簡単Pancakes 行を NavigationLink に変えます。その遷移先は、識別子 steps を持つテキスト Mix flour, eggs and milk で、遷移先のタイトルは Pancakes です。
自分で試してみよう
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}
腕試しこのレッスンには短いクイズがあります。レッスンを始めて解答し、進捗を記録しましょう。
SwiftUI入門のすべてのレッスン
自分で練習してみよう: Swiftプレイグラウンド