Πώς λειτουργεί η πλοήγηση και η ροή δεδομένων με το NavigationStack στο SwiftUI;

Question

IT Interview Practice · Accepted Answer

Το `NavigationStack` (iOS 16+) είναι ο **data-driven** container πλοήγησης του SwiftUI: αντί να κάνετε push view controllers με imperative τρόπο, δεσμεύετε έναν πίνακα **path** από τιμές, και το stack κάνει render μια οθόνη για κάθε τιμή. Τα δεδομένα ρέουν *προς τα κάτω* μέσω των initializers των view και του *environment*, και *προς τα πάνω* μέσω bindings και callbacks.

## Πώς λειτουργεί

Οδηγείτε την πλοήγηση μεταλλάσσοντας ένα `@State` path, και αντιστοιχίζετε value types σε views προορισμού με το `navigationDestination`.

```swift
struct AppView: View {
    @State private var path: [Route] = []      // the navigation stack, as data

var body: some View {
        NavigationStack(path: $path) {
            List(products) { p in
                NavigationLink("Open", value: Route.detail(p.id))  // append value
            }
            .navigationDestination(for: Route.self) { route in
                switch route {
                case .detail(let id): DetailView(id: id)
                }
            }
        }
    }
}
enum Route: Hashable { case detail(Int) }
```

Επειδή το path είναι απλά δεδομένα, μπορείτε να κάνετε **deep-link** ορίζοντας `path = [.detail(42)]`, ή να κάνετε **pop to root** με `path.removeAll()` — η πλοήγηση γίνεται testable, serializable κατάσταση.

## Κατευθύνσεις ροής δεδομένων

- **Προς τα κάτω:** περνάτε τιμές μέσω initializers (`DetailView(id:)`), ή μοιράζεστε cross-cutting αντικείμενα με `.environmentObject(...)` / το σύστημα `@Environment`.
- **Προς τα πάνω:** το παιδί μεταλλάσσει ένα `@Binding` ή καλεί ένα closure που παρείχε ο γονέας.

## Παγίδες

- Οι τιμές προορισμού πρέπει να είναι **`Hashable`**.
- Καταχωρίστε κάθε τύπο μία φορά με το `navigationDestination`· πολλαπλές καταχωρίσεις για τον ίδιο τύπο συγκρούονται.
- Αποφύγετε να περνάτε τεράστια model objects σε κάθε initializer — χρησιμοποιήστε το environment για υπηρεσίες σε επίπεδο εφαρμογής αντ' αυτού.

## Γιατί έχει σημασία

Η data-driven πλοήγηση κάνει ροές όπως τα deep links, η επαναφορά και το "pop τρεις οθόνες πίσω" τετριμμένες, επειδή το stack είναι απλά ένας πίνακας που κατέχετε. Οι συνεντευξιαστές το ρωτούν για να δουν αν μοντελοποιείτε την πλοήγηση ως κατάσταση — τη σύγχρονη προσέγγιση του SwiftUI — αντί να παλεύετε με το παλιό imperative `NavigationView`.

Πώς λειτουργεί

Κατευθύνσεις ροής δεδομένων

Παγίδες

Γιατί έχει σημασία

Σχετικές ερωτήσεις