تطبيق تفاعلي مبني باستخدام إطار العمل Flutter يتيح للمستخدمين التحكم في أبعاد الصورة ومصدرها بشكل ديناميكي ولحظي.
هذا المشروع مصمم لاستعراض مهارات إدارة الحالة (State Management) والتعامل مع المدخلات (TextFields) في فلاتر. يتيح التطبيق تعديل الطول، العرض، ومسار الصورة مع ميزات التكبير والتصغير التلقائي.
- Dynamic Resizing: إمكانية إدخال أبعاد دقيقة للصورة.
- Quick Actions: أزرار سريعة للتكبير والتصغير بمقدار 20 بكسل.
- Asset Swapping: تغيير الصورة المعروضة بمجرد كتابة المسار الجديد.
- Reset Functionality: ميزة "التراجع" لإعادة كافة القيم للافتراضية وتفريغ الحقول.
- Safe Parsing: معالجة الأخطاء البرمجية عند إدخال نصوص غير رقمية لضمان عدم انهيار التطبيق.
لضمان عمل التطبيق، تأكد من إضافة الصور في ملف pubspec.yaml:
flutter:
assets:
- images/
🚀 طريقة التثبيت والتشغيل
قم بتحميل الكود.
تأكد من وجود صورة في المسار images/ChatScreen.jpg.
نفذ الأمر التالي في Terminal:
Bash
flutter pub get
flutter run
🏗️ التقنيات المستخدمة
Language: Dart
Framework: Flutter (StatefulWidget)
Layout: SingleChildScrollView, Column, Row, Expanded, Wrap.
بواسطة: البراء (Albara)
---