State in SwiftUI (@State, @Binding)

ခဏလေး ဒီလိုပဲ စဉ်းစားကြည့်

SwiftUI View က struct ဆိုတော့ immutable ပါ — `var count = 0` ကို View ထဲ ရေးထားရင် value ကို modify လုပ်လို့ မရပါဘူး (compile error)။ `@State private var count = 0` ကို သုံးမှသာ SwiftUI က value ကို View ရဲ့ 'ကျောပေါင်း' မှာ ခွဲသိမ်းထားပေးပြီး, value ပြောင်းတိုင်း View ကို automatic re-render ပေးပါတယ်။ `@Binding` ကတော့ parent ရဲ့ `@State` ကို child View ဆီ 'ချိတ်ဆက်' ပေးတဲ့ property wrapper ပါ — child က value ကို modify လုပ်ရင် parent ရဲ့ state ကိုပါ ချက်ချင်း update ပေးပါတယ် (State Hoisting pattern, Compose နဲ့ ဆင်တူပါတယ်).

လက်တွေ့ scenario နဲ့ ချိတ်ကြည့်မယ်

Counter app တစ်ခုမှာ `@State private var count = 0` ရေးထားပြီး, Button tap ရင် `count += 1` လုပ်ရင် — screen ပေါ်က `Text("\(count)")` က automatic update ဖြစ်ပြီး number တက်သွားတာ တွေ့ရမှာပါ။ `@Binding` ကို သုံးရင် `ToggleSwitch(isOn: $isEnabled)` ဆိုပြီး state ကို parent ကနေ `$` prefix နဲ့ ချိတ်ဆက်ပေးပြီး, `ToggleSwitch` View ကို parent ကွဲပြားစွာ reuse လုပ်နိုင်ပါတယ်.

• @State = View ရဲ့ 'ကျောပေါင်း' မှာ ခွဲသိမ်းထားသော mutable value (View struct ကိုယ်တိုင် immutable ဖြစ်နေလည်း)
• State ပြောင်းတိုင်း သုံးထားတဲ့ View ကို automatic re-render
• @Binding = parent ရဲ့ @State ကို child View ဆီ ချိတ်ဆက်ပေးသော property wrapper ($ prefix)

အတူတူ ကြည့်မယ်

struct Counter: View {
    @State private var count = 0

    var body: some View {
        VStack {
            Text("Count: \(count)")
                .font(.title)
            Button("Increment") {
                count += 1
            }
        }
    }
}

Button ကို tap ရင် 'Count: 0' → 'Count: 1' → 'Count: 2' ဆိုပြီး screen ပေါ် live update ဖြစ်နေတာ တွေ့ရမည်။