المشاركات

إنشاء نظام تنقل شبيه بتويتر لتطبيقك بستخدام flutter

صورة
سنتعلم اليوم كيفية صنع نظام تبويبات سفلية مع حفظ الـ state لكل تبويب على فلتر في هذا المقال سوف نشرح طريقة بناء نظام تنقل متشابك كما في تطبيق "تويتر" , "أنستجرام" أو "فيسبوك" , بحيث تتكون الواجهة من عدة تبويبات , كل تبويبة تحتوي على مجموعة صفحات خاصة بها تعمل بصورة منفصلة     يسألني الكثير عن الطريقة الصحيحة لتنفيذ هذه الطريقة , لم أجد شرح (عربي ولا أجنبي) كامل من الألف إلى الياء لذا قررت كتابة هذا المقال ما هي الأدوات (Widgets) التي سنستخدمها ؟ BottomNavigationBar TabBarView WillPopScope الخطوة الأولى نقوم بانشاء الصفحات الفرعية , في هذا المثال قًمنا بإنشاء ثلال صفحات للتجربة عليها , ونبدأ بصفحة "حسابي" , (MyAccount.dart) صفحة الأعدادت (Settings.dart)  

شرح مفصل للـ slivers في فلاتر

صورة
مرحبًا بمجتمع flutter الرائع سيكون حديثُنا اليوم حول موضوعًا متخصصًا للغاية - نتحدث عن جزء يمكن لمعظم مطوري التطبيقات تفاديه وإنشاء تطبيقات بتصاميم جميلة دون الحاجة إلى معرفته أو فهمه.  و عادة إذا ما كنت بحاجة إلى استعمال قائمة قابلة للسحب (التمرير) في جزء من تطبيقك ، فإن ListView و GridView سيقومان بالمهمة بصورة ممتازة .  و (خلص و أنتهى بلا وجع رأس).  ولكن ، إذا كنت تبحث عن معرفة أعمق وترغب في جرعة إضافية من الجمال  فأكمل القراءة في الأسفل مثال لصورتين يصعب تنفيذهُما عن طريق الـ listview ملاحظة سريعة :  ... إذا كنت تكره القراءة ، فبإمكانك الإطلاع على مقطعي الفيديو اللذين يلخصان الأفكار من هذه المقالة بسرعة: (ياااااه ، دا نت لسه بتقرى !!) ، يبقى نكمل ماهو الـ sliver , و متى نحتاجه ؟ عادة الاحظ ، أن مطوري فلاتر دائمًا ما يتهربون من استعمال الـ slivers ، وكأنها بعبع أو باتو ، مع أن الأمر ، أبسط من الازم و الـ sliver ما هو إلا listview عادي ولكن مع خصائص أكبر ، وتعطيك المزيد من الدقة و الخيارات ، وفي بعض الحالات قد يكون استعمال الـ sliver , أكثر كفائة ، مثل : الحوجة لشريط عنوان بمزيد من