تخطَّ إلى المحتوى

📱 شرح Flutter

النماذج والمدخلات

الدرس 11 من 30· ⏱ 1 دقائق قراءة· 🗓 آخر تحديث: ٢٨ يونيو ٢٠٢٦

TextField

TextField(
  decoration: InputDecoration(
    labelText: "الاسم",
    border: OutlineInputBorder(),
  ),
  onChanged: (value) => print(value),
)

TextEditingController

لقراءة/التحكّم بقيمة الحقل:

final controller = TextEditingController();

TextField(controller: controller);

ElevatedButton(
  onPressed: () => print(controller.text),
  child: Text("إرسال"),
);

⚠️ نظّف المتحكّم في dispose() لتفادي تسرّب الذاكرة.

Form مع التحقّق

final _formKey = GlobalKey<FormState>();

Form(
  key: _formKey,
  child: Column(children: [
    TextFormField(
      validator: (value) =>
        (value == null || value.isEmpty) ? "الحقل مطلوب" : null,
    ),
    ElevatedButton(
      onPressed: () {
        if (_formKey.currentState!.validate()) {
          // البيانات صالحة
        }
      },
      child: Text("تأكيد"),
    ),
  ]),
)

🎯 التالي: التنسيق والثيمات.

شرح النماذج والمدخلات — Flutter بالعربي
النماذج والمدخلاتFlutter بالعربي · The Code Fix

📚 لمزيد من التعمّق في Flutter، راجِع التوثيق الرسمي لـ Flutter.

هل كان هذا الدرس مفيدًا؟