SwiftUI-இல் NavigationStack-உடன் navigation மற்றும் data flow எப்படி வேலை செய்கிறது?

Question

IT Interview Practice · Accepted Answer

`NavigationStack` (iOS 16+) என்பது SwiftUI-இன் **data-driven** navigation container: view controller-களை imperative-ஆக push செய்வதற்குப் பதிலாக, நீங்கள் value-களின் ஒரு **path** array-ஐ bind செய்கிறீர்கள், மேலும் stack ஒவ்வொரு value-க்கும் ஒரு screen-ஐ render செய்கிறது. Data view initializer-கள் மற்றும் *environment* வழியாக *கீழ்நோக்கி* பாய்கிறது, மேலும் binding-கள் மற்றும் callback-கள் வழியாக *மேல்நோக்கி* பாய்கிறது.

## இது எப்படி வேலை செய்கிறது

ஒரு `@State` path-ஐ mutate செய்வதன் மூலம் navigation-ஐ இயக்குகிறீர்கள், மேலும் `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 ஒரு plain data என்பதால், `path = [.detail(42)]` என அமைப்பதன் மூலம் **deep-link** செய்யலாம், அல்லது `path.removeAll()` மூலம் **pop to root** செய்யலாம் — navigation, testable, serializable state ஆகிறது.

## Data flow திசைகள்

- **கீழ்நோக்கி:** value-களை initializer-கள் வழியாக pass செய்யுங்கள் (`DetailView(id:)`), அல்லது cross-cutting object-களை `.environmentObject(...)` / `@Environment` system-உடன் பகிருங்கள்.
- **மேல்நோக்கி:** child ஒரு `@Binding`-ஐ mutate செய்கிறது அல்லது parent வழங்கிய ஒரு closure-ஐ அழைக்கிறது.

## சிக்கல்கள்

- Destination value-கள் **`Hashable`** ஆக இருக்க வேண்டும்.
- ஒவ்வொரு type-ஐயும் `navigationDestination`-உடன் ஒருமுறை register செய்யுங்கள்; ஒரே type-க்கு பல registration-கள் conflict ஆகும்.
- ஒவ்வொரு initializer வழியாகவும் பெரிய model object-களை pass செய்வதைத் தவிர்க்கவும் — app-அளாவிய service-களுக்குப் பதிலாக environment-ஐ பயன்படுத்துங்கள்.

## இது ஏன் முக்கியம்

data-driven navigation, deep link-கள், restoration, மற்றும் "மூன்று screen-கள் பின்னால் pop" போன்ற flow-களை எளிதாக்குகிறது, ஏனெனில் stack என்பது நீங்கள் own செய்யும் ஒரு array மட்டுமே. பழைய imperative `NavigationView`-உடன் போராடுவதற்குப் பதிலாக navigation-ஐ state-ஆக நீங்கள் model செய்கிறீர்களா — நவீன SwiftUI அணுகுமுறை — என்பதைப் பார்க்க interviewer-கள் இதைக் கேட்கிறார்கள்.

இது எப்படி வேலை செய்கிறது

Data flow திசைகள்

சிக்கல்கள்

இது ஏன் முக்கியம்

தொடர்புடைய கேள்விகள்