NavigationLink (NavigationLink)
اینجا «لینک ناوبری SwiftUI» را می شناسی. «NavigationLink» یعنی دکمه رفتن به صفحه بعد. وقتی می زنی، نمای مقصد باز می شود. مثل لمس یک کارت در اپ مدرسه و رفتن به جزئیات نمره ها.
تعریف ساده لینک ناوبری SwiftUI
برای کار، یک «NavigationStack» لازم است. سپس با «NavigationLink» مقصد را مشخص کن. عنوان صفحه را هم با «navigationTitle» بگذار.
import SwiftUI
struct Detail: View {
var body: some View {
Text("Detail")
}
}
struct NavLinkBasicDemo: View {
var body: some View {
NavigationStack {
NavigationLink(
"Go to Detail",
destination: Detail()
)
.navigationTitle("Home")
}
}
}
لینک مقداری با navigationDestination
می توانی لینک را با مقدار بسازی. سپس با «navigationDestination(for:)» مقصد همان نوع را تعریف کن. این کار مسیرها را مرتب نگه می دارد.
import SwiftUI
struct NumberDetail: View {
let n: Int
var body: some View {
Text("Number: \(n)")
}
}
struct NavLinkValueDemo: View {
var body: some View {
NavigationStack {
VStack(spacing: 12) {
NavigationLink(
"Go to 99",
value: 99
)
}
.navigationDestination(for: Int.self) { n in
NumberDetail(
n: n
)
}
.navigationTitle("Value Links")
}
}
}
گام های عملی
- یک NavigationStack بساز و باز کن.
- یک NavigationLink با مقصد مشخص اضافه کن.
- عنوان صفحه را با navigationTitle تعیین کن.
- برای مقدار، از value و navigationDestination استفاده کن.
نکته: اگر چند نوع مقصد داری، برای هر نوع یک navigationDestination جدا تعریف کن.
پیوندهای مرتبط
برای دیدن ظرف اصلی مسیر، صفحه NavigationStack را ببین. همچنین راهنمای کلی ناوبری در لینک ناوبری SwiftUI در دسترس است.
جمع بندی سریع
- NavigationLink دکمه رفتن به مقصد است.
- NavigationStack ظرف ناوبری است.
- navigationDestination مقصدهای نوعی را مدیریت می کند.
- لینک مقداری پروژه را مقیاس پذیر می کند.