تعديل واجهات تطبيق React Native لتكون Responsive ومطابقة لتصميم Figma

React Native Figma التصميم المتجاوب CSS Stylus برمجة التطبيقات React Native Figma التصميم المتجاوب CSS Stylus برمجة التطبيقات

السلام عليكم، أحتاج إلى مطور React Native لديه خبرة قوية في تعديل الواجهات وتحويل التصاميم إلى تطبيق متجاوب، بحيث يتم تعديل شكل التطبيق الحالي ليطابق تصميم Figma ويعمل بشكل مناسب على الجوال والتابلت. التطبيق موجود حاليًا، والتعديلات المطلوبة تركز بشكل أساسي على الواجهات والتنسيقات `styles` مثل الأحجام، المسافات، العرض، الطول، ترتيب العناصر، الخطوط، والتجاوب مع أحجام الشاشات المختلفة. **تفاصيل العمل:** 1. تعديل واجهات التطبيق الحالية لتطابق تصميم Figma من حيث الأحجام، المسافات، الخطوط، الألوان، وترتيب العناصر. 2. جعل الواجهات متجاوبة `responsive` وتعمل بشكل مناسب على الجوال والتابلت. 3. تنفيذ تصميم التابلت بنفس روح تصميم الجوال وبنسبة مطابقة عالية لتصميم Figma. 4. العمل سيكون على Repository موجود في GitHub، وسيتم تزويد المستقل المختار بالكود وتفاصيل التصميم كاملة. 5. المشروع يحتوي على عدة شاشات رئيسية، مع مكونات داخلية متعددة مثل tabs و modals ومكونات متكررة، والمطلوب تعديلها لتكون متجاوبة ومطابقة لتصميم Figma. **التقنيات المستخدمة:** - React Native - GitHub - Figma **شروط التنفيذ:** 1. الالتزام بتصميم Figma قدر الإمكان. 2. تنفيذ التعديلات على الكود الحالي بدون تغيير غير ضروري في منطق التطبيق. 3. الالتزام بالتعليمات البرمجية التي سيتم توضيحها لاحقًا، مثل استخدام دوال أو مكونات معينة إن وجدت. 4. قد توجد ملاحظات أو تعديلات بسيطة بعد المراجعة، بشرط أن تكون ضمن نفس نطاق التصميم المطلوب. **شروط قبول العمل:** 1. الخطوط واضحة وقابلة للقراءة. 2. المسافات بين العناصر متناسقة ومناسبة لحجم الشاشة. 3. لا يوجد نص مقطوع أو مخفي. 4. لا توجد عناصر متداخلة أو خارجة عن حدود الشاشة. 5. التصميم مطابق لملف Figma بدرجة عالية. 6. الواجهات تعمل بشكل جيد على الجوال والتابلت. **لن يتم قبول العمل في الحالات التالية:** 1. وجود عناصر متداخلة أو مختفية. 2. وجود نصوص مقطوعة أو غير واضحة. 3. اختلاف كبير عن تصميم Figma. 4. عدم دعم التابلت أو ظهور التصميم بشكل غير متناسق على الشاشات الكبيرة. **مهم:** الهدف الأساسي من المشروع هو دقة التصميم المتجاوب ومطابقته لتصميم Figma، لذلك سيتم التركيز على التفاصيل مثل المسافات، الأحجام، المحاذاة، والخطوط. يرجى من كل مستقل يتقدم للمشروع إرفاق أعمال مشابهة، خصوصًا مشاريع React Native فيها دعم واضح للتصميم المتجاوب `responsive` للجوال والتابلت. **المطلوب تسليمه:** - الكود المعدل على GitHub - شرح مختصر للتعديلات المنفذة - صور أو فيديو قصير يوضح الواجهات بعد التعديل على الجوال والتابلت يرجى بدء العرض بكلمة: **RESPONSIVE FIGMA** للتأكد من قراءة تفاصيل المشروع كاملة.