flutter-ui-ux

Create beautiful, responsive, and animated Flutter applications with modern design patterns and best practices.

| 1 | Widget Composition | Reusable, maintainable UI components | | 2 | Responsive Design | Adaptive layouts for all screen sizes | | 3 | Animations | Smooth, purposeful transitions and micro-interactions | | 4 | Custom Themes | Consistent, branded visual identity | | 5 | Performance | 60fps rendering and optimal resource usage |

| LayoutBuilder | Responsive layouts | LayoutBuilder(builder: (context, constraints) => ...) | | MediaQuery | Screen info | MediaQuery.of(context).size.width | | Flexible/Expanded | Flex layouts | Flexible(child: ...) or Expanded(child: ...) | | AspectRatio | Fixed ratios | AspectRatio(aspectRatio: 16/9, child: ...) |

مهارة تطوير Flutter UI/UX الشاملة لإنشاء تطبيقات الهاتف المحمول الجميلة والمستجيبة والمتحركة. يُستخدم عندما يطلب المستخدم: (1) إنشاء مكونات أو شاشات Flutter UI (2) تنفيذ الرسوم المتحركة والانتقالات (3) تصميم تخطيطات سريعة الاستجابة (4) إنشاء عناصر واجهة مستخدم وموضوعات مخصصة (5) تحسين أداء واجهة المستخدم وإمكانية الوصول إليها المشغلات: "إنشاء واجهة Flutter"، "إنشاء شاشة Flutter"، "رسوم Flutter المتحركة"، "تخطيط Flutter سريع الاستجابة"، "عناصر واجهة Flutter المخصصة"، "تصميم سمة Flutter" المصدر: ajianaz/skills-collection.