Тёмный

02. شرح Bloc فى flutter بأسلوب لن تنساه أبداً | عملي 

Mostafa Alazhariy
Подписаться 1,7 тыс.
Просмотров 13 тыс.
50% 1

- flutter_bloc package :
pub.dev/packages/flutter_bloc
- bloc package :
pub.dev/packages/bloc
- لتحميل الكتاب pdf :
www.mediafire.com/file/l39mxn...
00:00 مراجعة سريعة
02:14 كيف تنشئ ملفات Bloc فى flutter
03:27 install Bloc & flutter_Bloc packages
05:08 تشغيل الكود بدون null-safety
06:23 تصميم الواجهة الرئيسية
07:56 Create states file
10:36 Create cubit file
15:05 Using BlocConsumer in screen class
21:18 حل مشكلة BlocProvider.of(context) called with a context does not contain a cubit عند استدعاء دالة get
24:16 Using cubit functions & rebuild screen
26:50 ليه بنكتب دالة get
27:28 النهاية
شرح Flutter,
شرح Flutter Bloc,
flutter bloc,
شرح Bloc Flutter,
Bloc Flutter,
Bloc,
flutter bloc,
بلوك فى الفلاتر,
شرح Bloc,
cubit,
flutter بالعربي,
bloc,
flutter,
flutter_bloc,
flutter bloc package,
state,
state management,
blocprovider,
bloclistener,
buildcontext,
widget tree,
bloc architecture,
flutter bloc concepts,
bloc concepts,
flutter cubit,
شرح flutter bloc,
Bloc Pattern,
flutter شرح,
flutter tutorial,
flutter للمبتدئين,
flutter عربي,
bloc builder,
bloc flutter,
bloc pattern,
flutter bloc pattern,
bloc provider,
#MAlazhariy
#cubit
#Flutter

Наука

Опубликовано:

 

13 июл 2024

Поделиться:

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист
Посмотреть позже
Комментарии : 77   
@MAlazhariy
@MAlazhariy 2 года назад
💥 تصحيح: في إيرور تعمدت ظهوره في الفيديو بتاع مكان استدعاء دالة ال get ولكن الإيرور مكانش بسبب اني استدعيتها في دالة build في الكلاس بدل استدعائها جوا ال builder في BlocConsumer، لا عادي ممكن تستدعيها جوا دالة ال build اللي ف الكلاس ومش هيطلع أي إيرور .. الإيرور اللي طلع كان بسبب اني استدعيت الدالة get بتاعة البلوك قبل ما أعمل create للبلوك أصلا! يعني استدعيت ال get قبل ال BlocProvider فبالتالي ضرب إيرور! ولكن الموضوع ملوش علاقة هل استدعيت ال get داخل ال BlocConsumer أو لأ خالص، بل ممكن تستدعيها ف كلاس مفهوش ال BlocConsumer أساسا وهيشتغل عادي. بس كدا 😁 ------- تعالى هنا رايح فين؟ من أهم الخطوات اللى لازم تعملها لما تتعلم حاجة جديدة خصوصا لو كانت تقيلة شوية هى انك تتدرب كتير درب إيدك على كتابة الكود على المثال اللى شرحته فى الفيديو وبعدين حاول تخترع من دماغك أمثلة وتتدرب عليها باستخدام الBloc لإنك لو شفت الفيديو بدون ما تتدرب يبقى كإنك ما عملتش حاجة! بالتوفيق للجميع 💙
@user-px3id5io2d
@user-px3id5io2d 2 года назад
صح جدا
@HakimHakim-oh4yb
@HakimHakim-oh4yb 2 года назад
شكرا لك يا أستاذ على هذا الدرس. جربت أستعمل textField ولكن المشكلة التغييير يحدث في Onchange أو Controller، العملية عكسية، يعني النص لا يتغير في Cubit مثل number++ بل يتغير في كود الشاشة. سؤالي: كيف يمكن أن يتغيرState في هذه الحالة؟ أردت عرض النص في Widget Text ولكن لا يظهر. من فضلك يا أستاذ هل يمكن أن تعمل لنا درس يشرح كيف نستعمل TextField بـ Cubit؟
@MAlazhariy
@MAlazhariy 2 года назад
​@@HakimHakim-oh4yb خلي ال TextEditibgController في ملف ال cubit ومرره لل textForm من ال cubit ولما تعرضه في ال Text widget هتقوله cubit.emailController.text يعني هتجيب الداتا من الكنترولر بتاع ال TextField اللي عملته في ال cubit
@mohamedjabri3236
@mohamedjabri3236 2 года назад
لو لييك قناة ع الفيسبوك ممكن رابط القناة .
@user-qo3ft3gs1h
@user-qo3ft3gs1h Год назад
ممتاز
@sayedkhalifa5993
@sayedkhalifa5993 2 года назад
حضرتك انت لو شرحت كورس كامل بنفس الطريقه والله هتبق رقم 1 بدون مبالغه واتمني دا ❤❤
@MAlazhariy
@MAlazhariy 2 года назад
شكراً على تعليقك الجميل يا سيد 💙 ان شاء الله هعمل كدا أول ما اكون مستعد لده ومجهزله كويس لأنها مسؤولية كبيرة
@Luis-98
@Luis-98 4 месяца назад
يعطيك العافية أستفدت جداً من شرحك، وياريت تستمر في طرح العديد من المواضيع المتعلقة بفلاتر
@anasshaimeur5223
@anasshaimeur5223 2 года назад
أفضل شخص شرح البلوك على اليوتوب و اليوديمي شكرا جزيييييييلا أخوك من المغرب ❤️
@MAlazhariy
@MAlazhariy 2 года назад
شكراً ليك 💙
@whisper275
@whisper275 Год назад
أفضل شخص شرح البلوك على اليوتوب ❤❤❤
@farisshaaruny2101
@farisshaaruny2101 2 года назад
انا داخل كورس بس صراحة مافهمت البلوك الا من حضرتك اسلوب رائع جدا تحياتي
@MAlazhariy
@MAlazhariy 2 года назад
شكرا على تعليقك الجميل وبتمنالك التوفيق 💙
@AkramBou-uj1jr
@AkramBou-uj1jr Год назад
thank you so much engineer Mostafa
@Gazaatv
@Gazaatv 11 месяцев назад
افضل شخص شرح الbloc
@MAlazhariy
@MAlazhariy 11 месяцев назад
شكرا ليك، وان شاء الله هيكون في سلسلة فيديوهات جديدة أشرح فيها ال BloC نفسه مش ال Cubit شكراً لتعليقك 💙
@AhmedKamal-qw1zx
@AhmedKamal-qw1zx Год назад
جميل جدا يا بشمهندس ماشاء الله
@EmadAbdo_1
@EmadAbdo_1 9 месяцев назад
شخص راقي أسلوب راقي تستحق أكثر من مليون متابع
@mohamedbala1439
@mohamedbala1439 2 года назад
شرح جميل جدا استمر 🔥
@mohammedgamal7509
@mohammedgamal7509 2 года назад
عاااااش بجد ي هندسه شرح فوق الممتاز
@MAlazhariy
@MAlazhariy 2 года назад
شكرا يا محمد 💙
@hossamelmakas
@hossamelmakas 2 года назад
ربنا يبارك فيك شرح جميل و سلس
@ahmedemad8368
@ahmedemad8368 Год назад
الله ينور
@ibrahimnashaat6023
@ibrahimnashaat6023 2 года назад
جميل جدا ماشاء الله ياباشمهندس استمر 👏❤
@MAlazhariy
@MAlazhariy 2 года назад
شكراً لتعليقك 💙
@studentcenteri2e539
@studentcenteri2e539 2 года назад
شرح رائع شكرا لك في انتظار باقي الدروس جزاك الله خيرا
@MAlazhariy
@MAlazhariy 2 года назад
وجزاكم بالمثل وزيادة، شكرا ليك
@lailaalmgrbi2207
@lailaalmgrbi2207 Год назад
ووووو أين المقطع الثالث بصراحه شرحك مبسط ورائع
@mediacmid
@mediacmid 2 года назад
فعلا اروع شرح للبلوك ..اول مره افهمه
@MAlazhariy
@MAlazhariy 2 года назад
شكرا لتعليقك 💙
@user-db1ui9cx3q
@user-db1ui9cx3q 2 года назад
اسلوب شرح لكثر من رائع جزاك اللة كل خير يابشمهندس
@MAlazhariy
@MAlazhariy 2 года назад
وجزاكم الله خيراً بمثله وزيادة شكراً لتعليقك 💙
@mohamedalsheref3551
@mohamedalsheref3551 2 года назад
استمر يا مصطفي ❤️ ❤️
@ayah6966
@ayah6966 Год назад
رااااائع
@alieldeeb2000
@alieldeeb2000 2 года назад
عاش يا برو
@user-dv8by4ex2h
@user-dv8by4ex2h 10 месяцев назад
ماشاء الله شرح سهل وممتع ونتمى لك النجاح والاستمرار
@MAlazhariy
@MAlazhariy 10 месяцев назад
شكرا لتعليقك آمين يارب وإياك 💙
@engomar2690
@engomar2690 2 года назад
جزاك الله خيرا يا درش
@MAlazhariy
@MAlazhariy 2 года назад
وجزاكم الله خيراً بمثله وزيادة شكراً لتعليقك يا هندسة 💙
@osamakamel9547
@osamakamel9547 Год назад
ي ريت حضرتك تشرحلنا database ونستخدمه ازاي ب flutter بنفس الشرح الجميل ده عملي ونظري ❤❤
@user-nk7vt5zx6v
@user-nk7vt5zx6v 2 года назад
بارك الله فيك يا بشمهندس شرح فوق الممتاز ممكن تشرح api flutter
@whisper275
@whisper275 Год назад
شرح جميل جدا استمر ربنا يبارك فيك
@MAlazhariy
@MAlazhariy Год назад
حبيبي وفيك بارك الله تسلم على تعليقك 💙 بتمنالك التوفيق
@amiraezz8475
@amiraezz8475 2 года назад
شرح أكتر من رائع فين شرح ال bloc observer؟
@chihab3829
@chihab3829 2 года назад
@xxviivii3122
@xxviivii3122 Год назад
جميل اووي فين الbloc observer
@smartweb7466
@smartweb7466 Год назад
ياريت شرح provider
@hamzaalzibaq9517
@hamzaalzibaq9517 2 года назад
ماشاء الله شرح سلس وبسيط أشكرك من كل قلبي،، لكن سيكون هناك اكمال لهذه السلسه
@MAlazhariy
@MAlazhariy 2 года назад
شكراً ليك يا حمزة 💙 ان شاء الله هيكون في سلسلة (فلاتر عالسريع) هنزل فيها شروحات خفيفة، وفي فيديو جديد هينزل النهاردة ان شاء الله
@kuwaittech4900
@kuwaittech4900 2 года назад
Thanx for this great tutorial , I implemented the code but the I had this annoying error : Error: Method invocation is not a constant expression. onPressed: cubit.decreaseNumber(),
@judejabri
@judejabri Год назад
شرحك راائع لماذا توقفت عن النشر في القناة 😔
@MAlazhariy
@MAlazhariy Год назад
شكراً ليك 💙 كان في شوية مشاكل كدا، ان شاء الله هرجع انزل فيديوهات الفترة الجاية. شكرا لتعليقك الجميل 💙
@MoAdel92
@MoAdel92 2 года назад
فين باقي الدروس؟
@user-fv5dr4bk8y
@user-fv5dr4bk8y 9 месяцев назад
❤❤❤❤❤❤❤❤❤❤❤❤❤❤❤
@samarbashir8995
@samarbashir8995 4 месяца назад
عايزين الblocObserve
@ahmedemadtito1179
@ahmedemadtito1179 Год назад
محتاج اتواصل معاك يا هندسة ضرورى اقدر اتواصل ازاى
@MAlazhariy
@MAlazhariy Год назад
معذرة لسه شايف التعليق حالا ممكن تتواصل من خلال الفيسبوك: facebook.com/MAlazhariy
@hasup2422
@hasup2422 11 месяцев назад
فضلا ممكن فيديو تاني متقدم اكتر
@MAlazhariy
@MAlazhariy 11 месяцев назад
شكرا لتعليقك ان شاء الله هيكون في سلسلة فيديوهات لشرح البلوك وليس ال cubit وهتكون متقدمة أكتر ان شاء الله بس حاليا شغال على شرح ال Null Safety هخلصها واشتغل في البلوك علطول ان شاء الله.
@ahmedtharwat6179
@ahmedtharwat6179 6 месяцев назад
Error: Could not find the correct Provider above this BlocConsumer Widget This happens because you used a `BuildContext` that does not include the provider of your choice. There are a few common scenarios: can any one help me to solve this error ?
@MAlazhariy
@MAlazhariy 6 месяцев назад
عرضت المشكلة وحليتها ف الفيديو. هتلاقيني كاتب تفاصيل أكتر في التعليق المثبت شوفه. بالتوفيق 💙
@user-mf5sz3bo5x
@user-mf5sz3bo5x 10 месяцев назад
شرح ممتاز جدا ممكن لينك الكود كله لو سمحت ؟؟؟؟؟؟؟؟؟
@MAlazhariy
@MAlazhariy 10 месяцев назад
شكرا لتعليقك 💙 يفضل تكتب الكود بنفسك وتمارس بإيدك
@Flutter5
@Flutter5 2 года назад
شكرا جدا ياباشمهندس عاوزينك تعملنا كورس ياباشمهندس بيشرح تطبيق القران الكريم هيبقى فيه شرح التعامل مع ال API والبلوك وطبعا ال Dio دا غير انه هيبقى شغل ديزاين كويس والتعامل مع ملفات الصوت ويكون كلين كود وتنظيم ملفات المشروع وكل حاجة من دول تتشرح لشخص كانه اول مرة ياخدها يعنى هيبقى فيه شغل كويس جدا وهيكون شغل على تطبيق مش مجرد كتابة كود وخلاص ياريت تهتم بالفكرة دى و تعملنا بلاى ليست للتطبيق لان مفيش فى المحتوى العربى حد بيشرحه خالص ويبقى جزاك الله كل خير
@MAlazhariy
@MAlazhariy 2 года назад
أنا شفت رسالتك في جروب sec it علفكرة 😅 والله هي فكرة حلوة جدا يا صديقي ولكن حالياً صعب بالنسبالي، ان شاء الله أول فرصة قدامي هستغلها واعمل بنصيحتك 💙
@Flutter5
@Flutter5 2 года назад
@@MAlazhariy انا فعلا نشرت الفكرة فى اكتر من جروب بس محدش عاملها خالص 😂 تسلم يا هندسة المهم ماتنساش وياريت لو تستخدم البروفايدر مش البلوك بقى 😂
@ahmad-tl7gw
@ahmad-tl7gw 2 года назад
ممكن بس اعرف هل الsetState غلط نستعملها؟ او شو مشكلتها؟! وشو إلي بميز البلوك السبب إلي بخلينا نشتغل بلوك ونبعد عن setState
@MAlazhariy
@MAlazhariy 2 года назад
سؤال جميل أول حاجة الـ setState أو الـstateful widget بتستخدمه لإدارة الـclass الحالى (اللى هو طبعا stateful widget)، بينما البلوك بيدير المشروع كله وتقدر من class انك تحدث بيانات class تانى أو تمرر بيانات من class لكلاس تانى بسهولة وتتحكم فى أى كلاس من أى مكان فى التطبيق بتاعك كمان من ناحية تنظيم الكود فالبلوك بينظملك الدنيا والكود بيكون نضيف وسهل تعديله فى المستقبل المثال اللى شرحته بسيط وممكن يتنفذ بأى حاجة فيهم مش هتلاحظ الفرق، لكن لو اشتغلت على مشروع كبير شوية هتلاحظ الفرق وأحيانا ممكن متعرفش تشتغل بالsetState + فى عندك builder & listener ودول بيتعمل بيهم شغل حلو زى مثلا إنى أقوله يبعت بيانات للسيرفر وف أثناء ما البيانات بتتبعت أخليه يعمل علامة التحميل .. دى بتتعمل عن طريق الlistener والstate اللى ببقى مسميها loading مثلا بحيث أول ما يدخل فى الstate دى ال listener ياخد باله علطول يقوم يعرض علامة التحميل لحد ما البيانات تكمل تحميل وبعدين يظهر البيانات فحاجة زى كدا هتعقدر تعملها بالبلوك بسهولة .. لو فكرت تعمل حاجة زى كده بالstateful هتعملها ازاى؟! باختصار الـsetState ممكن أستخدمها فى حالات بسيطة لكن لو هبنى مشروع كبير شوية يبقى استخدم BloC أو حتى GetX أو provider وتقريبا كلهم شبه بعض - شوف الموقع دا فيه إجابات عن سؤالك: stackoverflow.com/questions/59562655/what-is-the-difference-between-setstate-and-bloc-pattern-in-dart
@MAlazhariy
@MAlazhariy 2 года назад
أتمنى اكون قدرت افيدك
@hasup2422
@hasup2422 11 месяцев назад
اعمل كورس وخد كل فلوسي
@judejabri
@judejabri Год назад
لماذا أوقفت الnull safety أليست مفيدة ؟!!!!!
@MAlazhariy
@MAlazhariy Год назад
هي فعلاً مفيدة جداً وحالياً بحضر لقايمة تشغيل بشرح فيها النل سيفتي بطريقة مميزة ان شاء الله. أوقفت النل سيفتي لإني كنت شغال على مشروع قديم
@hasup2422
@hasup2422 11 месяцев назад
نحتاج المزيد من الفيديوهات يا دكتور @@MAlazhariy
@MAlazhariy
@MAlazhariy 11 месяцев назад
في فيديوهات شغال عليها حاليا بشرح فيها النل سيفتي بشكل احترافي ان شاء الله.
@MAlazhariy
@MAlazhariy 11 месяцев назад
شكرا لدعمك وان شاء الله الفترة الحاية يبقى في فيديوهات أكتر 😁💙 + أنا مش دكتور يا غالي 😁 انا راجل عندي معلومة بقدمها للناس بشكل بسيط مش أكتر وأتمنى أكون قدرت افيدك.
@chihab3829
@chihab3829 2 года назад
Далее
My Puzzle Robot is 200x Faster Than a Human
21:21
Просмотров 3,3 млн
Top 30 Flutter Tips and Tricks
6:50
Просмотров 540 тыс.