Menu
Coddy logo textTech
flag Ar iconالعربيةdown icon

حقل النص

جزء من قسم مقدمة إلى SwiftUI في رحلة Swift على Coddy. الدرس 24 من 50.

يتيح TextField للمستخدم الكتابة. وهو يحتاج إلى نص نائب وربط بحالة من نوع String:

@State private var name = ""

var body: some View {
    VStack {
        TextField("Your name", text: $name)
        Text("Hello, \(name)!")
    }
}

تحوّل $ في $name الحالة إلى ربط: اتصال ثنائي الاتجاه. يعرض الحقل قيمة name، وكل مفتاح يكتبه المستخدم يكتب القيمة مرة أخرى فيه. يقرأ النص أدناه الحالة نفسها، لذا يتحدّث مع كل ضغطة مفتاح.

ترسم .textFieldStyle(.roundedBorder) المربع المستدير المألوف حول الحقل.

challenge icon

التحدي

سهل

رحّب بالمستخدم باسمه. أضف TextField مع العنصر النائب Your name المرتبط بـ name، وامنحه المعرّف name. حافظ على نص التحية، الذي يجب أن يكون Hello, Ada! بعد أن يكتب المستخدم Ada.

جرّب بنفسك

import SwiftUI

@main
struct CoddyApp: App {
    var body: some Scene {
        WindowGroup {
            ContentView()
        }
    }
}
quiz iconاختبر نفسك

يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.

جميع دروس مقدمة إلى SwiftUI

تدرّب بنفسك: Playground لـ Swift