SwiftUI માં NavigationStack સાથે navigation અને data flow કેવી રીતે કામ કરે છે?

Question

IT Interview Practice · Accepted Answer

`NavigationStack` (iOS 16+) એ SwiftUI નું **data-driven** navigation container છે: view controller ને imperatively push કરવાને બદલે, તમે value ના એક array **path** ને bind કરો છો, અને stack દરેક value માટે એક screen render કરે છે. Data *નીચે* view initializer અને *environment* દ્વારા વહે છે, અને *ઉપર* binding અને callback દ્વારા.

## તે કેવી રીતે કામ કરે છે

તમે `@State` path ને mutate કરીને navigation ને driven કરો છો, અને `navigationDestination` સાથે value type ને destination view સાથે map કરો છો.

```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 સાદો data છે, તમે `path = [.detail(42)]` set કરીને **deep-link** કરી શકો છો, અથવા `path.removeAll()` થી **root સુધી pop** કરી શકો છો — navigation testable, serializable state બની જાય છે.

## Data flow ની દિશાઓ

- **નીચે:** initializer દ્વારા value પસાર કરો (`DetailView(id:)`), અથવા `.environmentObject(...)` / `@Environment` system સાથે cross-cutting object share કરો.
- **ઉપર:** child `@Binding` ને mutate કરે અથવા parent એ પૂરી પાડેલી closure ને call કરે.

## મુશ્કેલીઓ

- Destination value **`Hashable`** હોવા જોઈએ.
- દરેક type ને `navigationDestination` સાથે એક જ વાર register કરો; એક જ type માટે અનેક registration conflict કરે છે.
- દરેક initializer માં વિશાળ model object પસાર કરવાનું ટાળો — તેને બદલે app-wide service માટે environment વાપરો.

## આ શા માટે મહત્વનું છે

Data-driven navigation deep link, restoration, અને "ત્રણ screen પાછળ pop" જેવા flow ને trivial બનાવે છે કારણ કે stack તો તમારો પોતાનો array જ છે. Interviewer આ પૂછે છે એ જોવા માટે કે તમે navigation ને state તરીકે model કરો છો — આધુનિક SwiftUI અભિગમ — કે જૂના imperative `NavigationView` સાથે લડો છો.

તે કેવી રીતે કામ કરે છે

Data flow ની દિશાઓ

મુશ્કેલીઓ

આ શા માટે મહત્વનું છે

સંબંધિત પ્રશ્નો