Flutter Viewer

Flutter Viewer أداة موجهة للمطورين تعرّض شَجر الودجت Flutter أو كود Dart إلى معاينة بصرية في الوقت الفعلي ضمن بيئة بدون واجهة مستخدم إضافية أو قائم على المتصفح. يستهدف مطوري Flutter، مهندسي UI/UX وفرق الجوال الذين يحتاجون إلى تحقق سريع من التخطيط وعروض موحدة عبر الأجهزة.
مفهومياً، ينشئ خط أنابيب بسيط للرندر: تحليل المدخلات، بناء شجرة الودجت، تطبيق نافذة عرض الجهاز والثيم، ثم إجراء تمريرة تخطيط لإنتاج إطار نهائي. لا يُنفّذ منطق التطبيق الكامل ولا الإضافات، بل يركز على دقة التخطيط وصحة البصرية لطبقة UI.
الجمهور يشمل مطوري الجوال الذين يركّزون على الواجهة الأمامية، مهندسي التصميم وفرق QA الذين يبحثون عن تغذية راجعة سريعة حول تكوين الودجات والسلوك المستجيب. القيمة الفريدة تكمن في دمج معاينات على مستوى الكود مع إعدادات الجهاز، خيارات الثيم، وتدرّج الخط وتصدير لقطات بسهولة للمقارنة بين التكرارات. الوظائف الأساسية تشمل إدخال الكود، إعدادات الجهاز، تحكم الثيم، ضبط حجم الخط ومعاينة الرندر. حالات الاستخدام تشمل استكشاف التخطيط مبكراً، تحقق من إعادة تشكيل شجرة الودجات، اختبارات التصميم المستجيب وفحوصات التراجع في CI.
يحافظ الأداة على رندر حتمي عبر قصر المدخلات على مجموعة مدعومة من ودجات Flutter والتخطيطات، مما يضمن معاينات متسقة في كل تشغيل. إنه بديل خفيف لعمليات التحقق البصري السريع قبل تشغيل التطبيق بالكامل.