حقل النص
جزء من قسم مقدمة إلى 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) المربع المستدير المألوف حول الحقل.
التحدي
سهلرحّب بالمستخدم باسمه. أضف TextField مع العنصر النائب Your name المرتبط بـ name، وامنحه المعرّف name. حافظ على نص التحية، الذي يجب أن يكون Hello, Ada! بعد أن يكتب المستخدم Ada.
جرّب بنفسك
import SwiftUI
@main
struct CoddyApp: App {
var body: some Scene {
WindowGroup {
ContentView()
}
}
}يتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
جميع دروس مقدمة إلى SwiftUI
تدرّب بنفسك: Playground لـ Swift