simple form app simple form app simple form app simple form app 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.

مهارات العمل
شارك
بطاقة العمل
تاريخ النشر
منذ أسبوعين
المشاهدات
15
المستقل
طلب عمل مماثل
مهارات العمل
شارك
مركز المساعدة