Kepiye cara kerjane navigasi lan aliran data nganggo NavigationStack ing SwiftUI?

Question

IT Interview Practice · Accepted Answer

`NavigationStack` (iOS 16+) iku wadhah navigasi **data-driven** duweke SwiftUI: tinimbang ndorong view controller kanthi imperative, sampeyan mbind sawijining array **path** saka nilai, lan stack nge-render layar kanggo saben nilai. Data mili *mudhun* liwat inisializer view lan *environment*, lan mili *munggah* liwat binding lan callback.

## Kepiye cara kerjane

Sampeyan nyetir navigasi kanthi ngowahi path `@State`, lan nyocogake tipe nilai menyang view tujuan nganggo `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) }
```

Amarga path iku mung data biasa, sampeyan bisa **deep-link** kanthi nyetel `path = [.detail(42)]`, utawa **pop to root** nganggo `path.removeAll()` — navigasi dadi state sing bisa dites lan bisa diserialisasi.

## Arah aliran data

- **Mudhun:** wenehake nilai liwat inisializer (`DetailView(id:)`), utawa nuduhake objek lintas-fungsi nganggo `.environmentObject(...)` / sistem `@Environment`.
- **Munggah:** child ngowahi `@Binding` utawa nyeluk closure sing diwenehake parent.

## Jebakan

- Nilai tujuan kudu **`Hashable`**.
- Daftarke saben tipe sepisan nganggo `navigationDestination`; ndaftar ping bola-bali kanggo tipe sing padha bakal konflik.
- Aja menehake objek model gedhe mudhun ing saben inisializer — gunakake environment kanggo layanan sing kanggo saklumrah app.

## Kenapa iki penting

Navigasi data-driven ndadekake alur kaya deep link, restorasi, lan "pop mundur telung layar" dadi gampang amarga stack iku mung array sing sampeyan nduweni. Pewawancara takon iki kanggo ndeleng apa sampeyan model navigasi minangka state — pendekatan SwiftUI modern — tinimbang nglawan `NavigationView` imperative sing lawas.

Kepiye cara kerjane

Arah aliran data

Jebakan

Kenapa iki penting

Pitakon sing gegandhengan