simple form app

تطبيق نموذج إدخال بيانات (Simple Form App) مكون من عدة شاشات: شاشة ترحيب، شاشة نموذج (Form)، مع دعم الوضع الليلي (Dark Mode) وإمكانية عرض بيانات المستخدم بعد الإرسال. التطبيق يتيح تجربة عملية للتنقل بين الشاشات واستخدام النماذج.

مميزاته

Welcome Screen: شاشة ترحيب بالمستخدم عند فتح التطبيق.

Form Screen: شاشة تحتوي على نموذج إدخال بيانات (اسم، إيميل، رقم موبايل …).

إرسال البيانات (Submit): بعد إدخال البيانات والضغط على زر الإرسال يتم عرض بيانات المستخدم مرة أخرى على الشاشة.

Dark Mode: إمكانية التبديل بين الوضع العادي والليلي لتحسين تجربة المستخدم.

Navigation: استخدام أدوات التنقل بين الشاشات (Navigator).

تصميم بسيط وسهل الاستخدام بواجهة أنيقة.

طريقة التنفيذ

تصميم الواجهات (UI):

إنشاء WelcomeScreen, FormScreen, ResultScreen.

استخدام Widgets مثل TextField, ElevatedButton, Switch للتنقل بين الوضع العادي والليلي.

التعامل مع البيانات:

استخدام Form مع TextEditingController لحفظ بيانات الإدخال.

التحقق من صحة البيانات (Validation) قبل الإرسال.

عند الضغط على "Submit" يتم تمرير البيانات إلى شاشة النتائج.

الوضع الليلي (Dark Mode):

تفعيل ThemeData.dark() و ThemeData.light().

إضافة زر/سويتش للتبديل بين الوضعين.

التنقل بين الشاشات:

استخدام Navigator.push للانتقال إلى شاشة جديدة.

تمرير بيانات المستخدم لشاشة النتيجة عبر Navigator arguments أو Constructor.