Flutter | Mahmoud Azab

كورس جديد للبشمهندس وائل ابو حمزه تم البدء بكورس Dart الجديد الهدف منو طريقة شرح افضل بكثير من السابق وعلاج بعض المشاكل التي حصلت بسبب التحديثات ولح يتم شرح امور كتير اضافية الكورس منتهي وسيتم رفع ٣ دروس يوميا باقي الكورسات بالقناة جميعها تم تحديثها ومتبقي كورس Dart الذي يتم رفعه حاليا رابط الكورس https://youtube.com/playlist?list=PL93xoMrxRJIutlMCImcV3CYMmjS0MmlWL&si=IG9ULcncgv7G73gv سيتم العمل قريبا على كورسات التالية 1 - Zego Cloud ( Voice Call - Video Call - Room - etc .....) 2 - Bloc 3 - Git & Github Social Coding 4 - Unit Testing

السلام عليكم ورحمة الله وبركاته ده شرح من اخونا محمد عن ال Cubit , Bloc لينك ال Post on LinkedIn https://www.linkedin.com/posts/mohammed-al-amrousi-coding_bloc-state-mangement-activity-7257100578512687104-7S3k?utm_source=share&utm_medium=member_android

إزاي تستخدم flutter_launcher_icons مع ملف إعدادات منفصل في Flutter؟ لو إنت مطور Flutter، أكيد عارف إن الأيقونة بتاعت التطبيق مهمة جدًا. في البوست ده، هشارك معاك إزاي تستخدم مكتبة flutter_launcher_icons علشان تخصص أيقونة التطبيق بتاعك بطريقة سهلة، باستخدام ملف إعدادات منفصل. ✅️ الخطوات: 1️⃣ إنشاء ملف الإعدادات :   أول حاجة، اعمل ملف جديد في فولدر المشروع بتاعك اسمه flutter_launcher_icons.yaml. 2️⃣ إضافة إعدادات الأيقونة :   افتح الملف وضيف إعدادات الأيقونة بتاعتك. هنا نموذج بسيط لشكل المحتوى:   flutter_launcher_icons:    android: true    ios: true    image_path: "assets/icon/app_icon.png"   تأكد إنك تعدل image_path بحيث يشير لمسار ملف الأيقونة اللي عندك. 3️⃣ تشغيل الأمر :   بعد ما تخلص إعداد الملف، شغل الأمر ده في التيرمينال:   dart run flutter_launcher_icons --file flutter_launcher_icons.yaml الأيقونات: 🔹 أيقونة التطبيق: تأكد إن الأيقونة اللي هتستخدمها موجودة في المسار المحدد. 🔹 أيقونات Android : تأكد إن الأيقونات بتظهر بشكل صحيح على أجهزة Android. 🔹 أيقونات iOS : لازم تتأكد إن الأيقونات متوافقة مع متطلبات iOS. بكده، تقدر تخصص أيقونة التطبيق بتاعك بسهولة. أتمنى تكون الخطوات دي مفيدة ليك، ولو عندك أي استفسارات، متترددش تسأل! ان شاءالله هعمل فيديو أشرح فيه ازاي تعمل أيقونة التطبيق بنفسك وتكون مطابقه للشروط https://www.linkedin.com/posts/mazap64_mahmoudabrazab-activity-7255578920169742336-u8i4?utm_source=share&utm_medium=member_android

اللَّهُمَّ صَلِّ عَلَى مُحَمَّدٍ، وَعَلَى آلِ مُحَمَّدٍ، كَمَا صَلَّيْتَ عَلَى إِبْرَاهِيمَ، وَعَلَى آلِ إِبْرَاهِيمَ، إِنَّكَ حَمِيدٌ مَجِيدٌ، وَبَارِكْ عَلَى مُحَمَّدٍ، وَعَلَى آلِ مُحَمَّدٍ، كَمَا بَارَكْتَ عَلَى إِبْرَاهِيمَ، وَعَلَى آلِ إِبْرَاهِيمَ، فِي الْعَالَمِينَ إِنَّكَ حَمِيدٌ مَجِيدٌ🤍

السلام عليكم ورحمة الله وبركاته حد واجهته المشكله دي في تأكيد رقم الهاتف في ال GMAIL ?

🔥تحسين أداء تطبيقات Flutter باستخدام Keys سر لا يعرفه الكثيرون أحد المفاهيم المهمة اللي العديد من المطورين لا ينتبهون لها في Flutter هو Keys. استخدام الـ Keys بشكل صحيح يمكن أن يحل مشاكل الأداء والمشاكل الغامضة في بناء واجهة المستخدم. ✅️ ما هي Keys في Flutter؟ الـ Keys تساعد Flutter في التمييز بين widgets المختلفة عند حدوث تغييرات كبيرة في الواجهة. عند استخدام keys، نضمن أن الـ widgets تتحرك أو تتغير بناءً على هويتها الفريدة، وليس فقط بناءً على ترتيبها في الواجهة. ✅️ لماذا نستخدم Keys؟ ✔️ الحفاظ على حالة الواجهة: عند إعادة ترتيب الـ widgets داخل الـ widget tree، استخدام keys يضمن أن حالة الـ widgets لا تضيع. ✔️ تحسين الأداء: استخدام keys بشكل صحيح يقلل من إعادة بناء أجزاء كبيرة من الواجهة، مما يحسن من الأداء. ✔️ حل مشاكل إعادة ترتيب العناصر: على سبيل المثال، إذا كان لديك ListView وتقوم بإضافة أو حذف عناصر، من دون الـ keys قد يقوم Flutter بإعادة بناء كل العناصر بدلاً من التركيز على العناصر التي تغيرت فقط. ✅️ أنواع الـ Keys: 1️⃣ GlobalKey: هذا النوع من keys يمنح الـ widget هوية فريدة على مستوى التطبيق بأكمله، وليس فقط داخل شجرة معينة. نستخدمه عندما نحتاج للوصول إلى حالة الـ widget من أي مكان في التطبيق أو عند التنقل بين الشاشات. final GlobalKey<ScaffoldState> _scaffoldKey = GlobalKey<ScaffoldState>(); @override Widget build(BuildContext context) { return Scaffold( key: _scaffoldKey, appBar: AppBar( title: Text('Using GlobalKey'), ), body: Center( child: Text('Hello World'), ), ); } 2️⃣ UniqueKey: هذا الـ Key فريد لكل مرة يتم استدعاؤه فيها. مفيد عندما تحتاج إلى أن يقوم Flutter بإعادة بناء الـ widget في كل مرة، حتى إذا لم يتغير موقعه في الـ widget tree. List<Widget> items = [ Container( key: UniqueKey() , color: Colors.red, height: 50 ), Container( key: UniqueKey(), color: Colors.blue, height: 50), ]; 3️⃣ ValueKey: هذا النوع يكون مفيدًا عندما يكون لديك قيمة معينة تحدد بها تميز الـ widgets. على سبيل المثال، ListView وكل عنصر لديه id أو name فريد. List<String> names = ['Mahmoud', 'Ahmed', 'Usama']; @override Widget build(BuildContext context) { return ListView( children: names.map((name) { return ListTile( key: ValueKey(name), title: Text(name), ); }).toList(), ); } https://www.linkedin.com/posts/mazap64_flutter-dart-activity-7255194849077854208-HQ1C?utm_source=share&utm_medium=member_android

السلام عليكم ورحمة الله وبركاته مفهوم ال Widget Lifecycle ومراحلها في Stateful widget ان شاء الله يفيدكم https://www.linkedin.com/posts/mazap64_%D9%81%D9%87%D9%85-widget-lifecycle-%D9%81%D9%8A-flutter-activity-7254829366164000769-jUw-?utm_source=share&utm_medium=member_android

السلام عليكم ورحمة الله وبركاته طريقه حذف كل ال Print اللي عندك في الكود واللي بتأثر علي آداء تطبيقك https://www.linkedin.com/posts/mazap64_%D9%83%D9%85%D8%B7%D9%88%D8%B1%D9%8A%D9%86-%D8%A8%D9%86%D8%B3%D8%AA%D8%AE%D8%AF%D9%85-print-%D9%83%D8%AA%D9%8A%D8%B1-%D8%B9%D8%B4%D8%A7%D9%86-%D9%86%D8%B9%D8%B1%D9%81-activity-7254054778396155904-m4hx?utm_source=share&utm_medium=member_android

Github https://github.com/mazab99 LinkedIn https://www.linkedin.com/in/mazap64

بوست مهم ان شاء الله يفيدكم 🌹 https://www.linkedin.com/posts/mazap64_%D8%A7%D9%84%D8%B3%D9%84%D8%A7%D9%85-%D8%B9%D9%84%D9%8A%D9%83%D9%85-%D9%88%D8%B1%D8%AD%D9%85%D9%87-%D8%A7%D9%84%D9%84%D9%87-%D9%88%D8%A8%D8%B1%D9%83%D8%A7%D8%AA%D9%87-%D8%B4%D8%BA%D8%A7%D9%84-%D8%B9%D9%84%D9%8A-activity-7249366371690549248-vSwn?utm_source=share&utm_medium=member_android

https://www.figma.com/design/czkRpUoU7NxIaDNrf41nol/Telegram?node-id=0-1&t=JaAdV1QsfLaGTTbn-1 اللي عايز يتدرب علي مشروع ده تصميم مشروع متجر اعتبروه تحدي واعملوه كتدريب ليكم بالتوفيق ان شاء الله ❤️

GraphQL ♦️VS REST API https://www.linkedin.com/posts/alhassan-balousha-9b7bb8114_flutter-activity-7244955875201740800-b249?utm_source=share&utm_medium=member_ios

Adding video to screen background https://github.com/mazab99/back_ground_video

السلام عليكم ورحمة الله وبركاته فيديو بسيط بوضح فيه ازاي تعمل ترجمه لاسم التطبيق بتاعك علي حسب لغه الموبايل https://youtu.be/33Mwz8HyXuQ?si=TIgFwON20RJ6691c

Preload Svg Files 👌 LinkedIn https://www.linkedin.com/in/mazap64

بوست مهم ان شاء الله تستفيدوا منه https://www.linkedin.com/posts/mazap64_activity-7247525190526517248-K0kZ?utm_source=share&utm_medium=member_android

The flow diagram of the switch…case statement is as follows