قــنـاة | مُڪرم 👨🏻‍💻

#ux_ui

أتمنى من كل متابعيني أن تاخذوا التصويت بمحمل الجد، وانا تبادرو بالنشر، لازم نكون أخوة ويد واحده في مواقف زي هذي اللي تشرف وترفع الرأس، اليوم أخونا عمر في مسابقة عالمية، بكره واحد مننا يكون في مكانه، وكلنا نساهم بدعمه ونوقف معه، والموضوع ما ياخذ دقيقة من وقتك، شارك، انشر، صوت، وكلنا مع اي شخص مبدع، كل المحبة لكم أحبتي ❤ فززززعتكم لاهنتم ,, لطفاً 🔔 ,, افتح رابط التصويت👇, اضغط على زر "Vote", شارك المنشور إذا تحب تدعمني اكثر , وشكراً لكـ 🙏💐. https://ai.google.dev/competition/projects/smart-tasks خالص تقديري ومحبتي لكل الداعمين 🙏💐 ملاحظة: التصويت متاح حتى نهاية سبتمبر 2024 #صوتك_يدعم_فكرة

أهلاً 👋🏼 كلنا نستخدم مكتبة Shimmer لما نحمل بيانات من API، بس كانت المشكلة انو نعيد تصميم شكل card بما يناسب مع الشكل الحقيقي 😩 في مكتبة رائعة جداً أسمها skeletonizer ✅ كل اللي عليك تسوي wrap للـ widget اللي بتستخدمها بالـ skeletonizer وهي تكمل الباقي 😍 مثال: Skeletonizer( enabled: _loading, child: ListView.builder( itemCount: 7, itemBuilder: (context, index) { return Card( child: ListTile( title: Text('Item number $index as title'), subtitle: const Text('Subtitle here'), trailing: const Icon(Icons.ac_unit), ), ); }, ), ) رابط المكتبة: https://pub.dev/packages/skeletonizer

أهلاً 👋🏼 جبت لكم موقع رهيب بجانب المواقع السابقة، موقع يوفر مجموعة UI لتطبيقات Flutter تقدر تنسخ الكود وتعيد استخدامها ✅ رابط الموقع: https://www.flutterlibrary.com/

أهلاً 👋🏼 من الـ extension الرهيبة الموجودة في vs code تساعدك على معرفة الملفات الغير مستخدمة يمكنك ازالتها أو أجعلها تقوم بازالتها بشكل تلقائي. 😍 جربوها ✅

أهلاً 👋🏼 من المشاكل اللي واجهتنا لما ضفت مجموعة صور من SVG وكنت مستخدم سكرول(scroll) في الشاشة 😡 ، لاحظت بطئ و تقطيع في السكرول وكانت المشكلة بتاثر على الاداء في التطبيق وعلى تجربة المستخدم بحثت ولقيت الحل هو أنك تعمل Wrap لل SVG ب RepaintBoundary widget. وهنا تحسن الاداء بحيث أصبحت 😍 scroll will be smooth ✅ مثال في الصورة 👇🏼

مرحباً أصدقائي 👋🏼 لو أنت بتشتغل على أكثر من مشروع و كل مشروع بيستخدم نسخة من فلاتر مختلفة وحابب تشغلهم الأثنين؟ الحل أنك تستخدم Flutter version management (FVM): هذي أداة تساعد المطورين أنهم يكون عندهم أكثر من نسخة من فلاتر في بيئة عمل واحدة 🔥 الأداة هذي تسمح لك إن أنت يكون عندك نسخة لكل مشروع وبالتالي بتقدر تعمل عزل كامل لكل مشروع وكمان بتمنع الأختلافات ما بين المشاريع. الـ docs تبعهم مرتب وشرح بسيط لطريقة التثبيت والاستخدام. رابط الموقع: https://fvm.app #flutter #fvm

وأنت تصمم تطبيقات باستخدام Flutter مهم جداً انك تخلي التطبيق يشتغل على كل أحجام الشاشات بدون أي مشاكل عشان تسوي التطبيق تبعك Responsive أستخدم مكتبة flutter_screenutil بتسهلك هذا الموضوع بشكل كبير جداً، واذا حابب تختبر تصميم التطبيق تبعك على جميع الجوالات أو حتى لو كان ويب أو تطبيقات سطح المكتب أستخدم مكتبة device_preview بتساعدك كثير في إختبار التطبيق على كل الشاشات. - رابط المكتبة flutter_screenutil: https://pub.dev/packages/flutter_screenutil - رابط المكتبة device_preview: https://pub.dev/packages/device_preview #flutter

موقع بتفيدك جداً كـمطور تطبيقات باستخدام Flutter: (https://www.fluttertemplates.dev) هذا الموقع فيه مجموعة قوالب ومكونات جاهزات ممكن تستفيد منه بشكل كبير. ✅📍 (https://fluttergems.dev) هذا الموقع فيه كل المكاتب اللي ممكن تساعدك في بناء التطبيقات، منظمة ومرتبة حسب الاحتياج، وبحسب التقييم. ✅📍 (https://flutterawesome.com) هذا الموقع فيه مجموعة كبيرة جداً من التطبيقات مفتوحة المصدر، ويوجد فيه مجموعة كبير من المكونات تسهلك بناء التطبيقات. ✅📍 (https://fluttercomponentlibrary.com) هذا الموقع فيه مجموعة كبير من المكونات تسهلك بناء التطبيقات ✅📍 #flutter

Flutter roadmap ✅👨🏻‍💻 #flutter