Text & Input (TextField, Button)

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

TextField က user ကနေ text input လက်ခံဖို့ view ပါ — `text:` parameter ကို `@State` (ယခင် lesson) ရဲ့ `$` binding နဲ့ တွဲသုံးရပါတယ် (SwiftUI မှာ TextField က internal state မထားပါ, parent ကနေ control ရပါတယ် — controlled component pattern, Compose/React နဲ့ ဆင်တူပါတယ်)။ Button ကတော့ trailing closure ကို trigger ပေးတဲ့ view ပါ.

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

`@State private var email = ""` ရေးထားပြီး, `TextField("Email", text: $email)` လို့ ရေးရင် — user ရိုက်တာနဲ့ `email` state ချက်ချင်း update ဖြစ်ပြီး, TextField ကလည်း screen ပေါ်မှာ user ရိုက်ထားတဲ့ text ကို ပြပေးပါတယ်။ 'Submit' Button ကို tap ရင် `email` value ကို validate/submit လုပ်နိုင်ပါတယ်.

• TextField = user text input လက်ခံသော view ($ binding ဖြင့် @State ချိတ်ဆက်)
• Button = trailing closure ကို trigger ပေးသော view
• TextField သည် controlled component ပါ — internal state မထား, $ binding ကနေ control

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

struct LoginForm: View {
    @State private var email = ""
    @State private var password = ""

    var body: some View {
        VStack {
            TextField("Email", text: $email)
                .textFieldStyle(.roundedBorder)
            SecureField("Password", text: $password)
                .textFieldStyle(.roundedBorder)
            Button("Login") {
                print("Login: \(email)")
            }
        }
        .padding()
    }
}

TextField ၂ ခုမှာ ရိုက်ထည့်ပြီး Login button ကို tap ရင် Console ထဲမှာ 'Login: <email>' ကို ပြပါလိမ့်မယ်။