Flutter dev مطورين فلاتر

Flutter: challenge 2! هي الانميشن يلي نقيناه اخر مرة! مافي شي معقد و كالعادة استخدمنا تلت شغلات اساسية (Stack, Transform, AnimationController) بالاضافة لبعض الثانويات متل AnimatedContainer. ١. حركة الزر: الزر هو AnimatedContainer و عملت AnimatedOpacity للنص مشاان اخفيه و ما يعمل overflow. ٢. دوران الزر: Transform.rotate مع AnimationController ٣. حركة الزر عالسلة: حركة اهليجية عملتا باستخدام الباكيج يلي عمتا من فترة كتير بتسهل هاد الموضوع. https://pub.dev/packages/arc_animator ٤. حركة السلة: Matrix4.identity()..rotateZ و استخدمت Alignment مشان خلي الدوران من الزاوية اليمين يلي تحت.. طبعا الانميشن مانو خالص ١٠٠ بالمية متل الفيديو بس الباقي بسيط.. و هاد مجرد اثبات انو فيك تعمل اي شي بـ Flutter باستخدام شغلات بسيطة! و طبعا الكود موجود كالعادة: https://gist.github.com/ayham95/995180aa5ff6785dba380de655b57c6f

Flutter: Challenge 3 و هي التحدّي التالت صار جاهز.. طبعا مو مكمل عالاخير لأنو الباقي بسيط.. 1. animations package لحتى اعمل حركة تحويل البطاقة الصغيرة لـ ليست كبيرة استخدمت شي حكينا فيه ببوستات سابقة اسما Container Transform. 2. Slide transition + Opacity + AnimationController لحتى خلي الليست تبين عم تطلع من تحت استخدمت هالشغلات يلي شايفينا و بيتحكم فيها controller وحيد.. و كمان استخدمتون مشان يطلع الزر بعد ما ننهي الاختيار.. 3. و اخيرا كمان استخدمت Container Transform مشان يكبر الزر و يصير صفحة كاملة.. يمكن لما تشوف الانميشن للوهلة الاولى يبين كتير معقد و مستحيل يطلع نفسو.. بس بحركات خفيفة و لما تعطي السيرة حقا بالتفكير و التخطيط بتطلع بنتيجة رائعة.. دايما خطط الانميشن و عريف شو بدك تعمل قبل ما تبلش و خلي التجارب اقل ما يمكن.. و قريبا بس لتكبر الصفحة اكتر لح نعمل بوستات خاصة للأستشارة مشان الانميشن بالذات! و كالعادة الكود سيئ و مكتوب فقط لمهمة وحيدة يلي هيي تشغيل الكونسيبت.. https://gist.github.com/ayham95/c57924ef280129d8e8b271419cfd4bf2 تابعوني لتقدرو تشوفو باقي الشغل بالبوستات الجاية! من ايهم ux

مرحبا، هاي قنوات يوتيوب بتعلم Flutter رائعة جداا خاصة للناس يلي خلصت كورسات وعاوزة تساوي تطبيقات مثلا شات وE-commerce,وشغلات اكتير متقدمة . 1-Mtechviral 2-fluttery filledstacks 3-tensor programming 4-santos enouqe

السلام عليكم بعد الاستفتاء الماضي الي حددنا بي هاي الطريقة من النشر الي هي روابط كورسات و تصاميم وغيرها من المواضيع شنو الي يعجبك نضيفه للقناة او الشي اللي انت حاب تشوفا هنا تركلنيا بالمناقشة وشكراً 💙

دورة جات افضل من دورة انجيلا تابعوها وطبق ويا تفيدكم https://www.youtube.com/playlist?list=PLBxWkM8PLHcr2vkdY2n9rIcxjZ9Th3Us7

Finished with Flute Music player . Source code available at : https://github.com/iamabhishek229313/Flute-Music-Player

مشكلة فشل التطبيقات بالعراق لان الي ديفكر يسويها يفكر شكد راح يربح بس ما يفكر شنو الي يخلي الناس تستخدمها؟؟ شنو الي يستفادوه منها؟؟ شكد عمر التطبيق ممكن يستمر؟؟ لا تفكر بزبائن جدد لمنتجاتك بل فكر بمنتجات جديدة لزبائنك

تطبيقك خلي يكون احترافي اكثر ب 5 دقائق فقط ................................... https://youtu.be/q0BBk9gDGT8

افضل تطبيق معمول باستخدام Flutter جرب الأداء https://play.google.com/store/apps/details?id=com.reflectlyApp

هذا كانت اشياء انضافة ب تحديث 0.Flutter 1.17 و أشياء اقدم ♥️ رابط المقال https://medium.com/flutter/announcing-flutter-1-17-4182d8af7f8e

قولو مرحبا لـ Google Fonts مع Flutter!! Google Fonts -beta بلشت بـ أواخر ال ٢٠١٩ و هلا صارت جاهزة كـ v1.0.0! و الشي الجميل انت ما عدت مضطر تخزن ملفات الخط مع باكيج التطبيق, لح تنزل عالجهاز لما المستخدم يحتاجا. فيكون تعرفو اكتر عن الباكيج هون --> https://pub.dev/packages/google_fonts

مكتبة صغيرة لتقدر تعمل انميشن بسيطة باستخدام Flutter هالشي صار باستخدام Animation Controllers, Transitions, Stacks, وشوية Widgets مشان عرض هالديمو الجميل 😍 الكود موجود عال github للي بيحب يشوفو ويستخدمو، وأكيد اذا حدا عندو أي ملاحظة أو اقتراح للتحسين ياريت يخبرني رابط المكتبه https://pub.dev/packages/animated_stack

اغلبنا بيعرف يكتب كود Flutter.. لكن هل منفكر ببنية الكود او قابلية تعديلو بسهولة..� لح احكي عن افضل بنية كود اشتغلت معي بعد كتير تجارب.. 1. Provider (Network, SharedPreferences …) هاد الكلاس بحط فيو ال Network calls او بجيب داتا من الداتابيس. 2. Repository هاد الكلاس مشان نحول الداتا الخام ل اوبجكتس مثال: بتجي الداتا من ال API كـ JSON بعيدن بياخدا Repository و بحولا لـ اوبجكتس و كمان بيعمل كاش للداتا مشان الصفحات ما ترجع تعمل ريفرش اكتر من مرة. 3. BLoC (bloc_library) بيعمل عمليات عالداتا و بيعطيها لل UI 4. UI اخيرا الواجهات بتاخد الداتا من ال BLoC و بتعرضا بشكل widgets الموضوع مو بسيط و اخد مني فترة منيحة لحتى هضمتو.. و اذا اهميتو بالموضوع فينا نعمل تطبيق صغير عنو و نعمل بوست مفصل عن الموضوع. و انتو كمان قولولنا شو اكتر بنية ظبطت معكون؟! #منقول من صديقنا ايهم

شو رأيكن اذا قلتلكون انو الانميشن بـ Flutter صار كتير سهل! جبتلكون باكيج عملوها فريق Flutter.. مجموعة انميشن لازمة لكل التطبيق ��Container Transform: هي مهمتا تحول من شكل لشكل تاني بشكل سلس.. متل لما تنتقل من بطاقة معلومات صغيرة لـ صفحة كاملة Shared Axis: معقدة شوي بس لح حاول اشرحا و موضحة بالفيديو بالقسم التاني.. و هيي انو الصفحة تطلع من اليمين لليسار او العكس حسب طبيعة النقلة.. يعني اذا في زر “رجوع” الصفحة بترجع من اليمين لليسار.. Fade Through: منستخدما لما ننتقل بين عناصر ما الها علاقة قوية ببعضا مثلا الصفحة الرئيسية و صفحة الاعدادات.. Fade هي بظن كلنا منعرفا و منستخدما لاظهار عنصر بقلب عنصر تاني متل AlertDialog طبعا المكتبة بتجنن و سهلة و متوفرة للجميع و فيك تغيرها عكيفك.. رابط الباكيج: https://pub.dev/packages/animations#container-transform #منقول من الصديق ايهم .

هذا احد التطبيقات الي اشتغلتها صارلة فتره طويله اذا تحبون نشرحا بسلسلة هذا يستخدم بي فايربيس و api و وردبريس التطبيق الثاني خاص لنشر في التطبيق الاول

سلام عليكم بكج عملاق ولاول مرة في فلاتر من قبل احد مبدعينا @MuhammadHasan_Oday في الكروب صراحة بكج عملاق اول مرة تجمع بين سب تايتل ومشغل فديوهات و افلام وبأمكانيات وخصائص كثيرة نتمنى له الموفقية والنجاح Hello there! I'm create a simple Video Player with Subtitle build with Bloc https://pub.dev/packages/iqplayer github: https://github.com/MuhmdHsn313/IQPlayer/releases/tag/0.2.0-release