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

سنتعلم اليوم كيفية صنع نظام تبويبات سفلية مع حفظ الـ state لكل تبويب على فلتر

في هذا المقال سوف نشرح طريقة بناء نظام تنقل متشابك كما في تطبيق "تويتر" , "أنستجرام" أو "فيسبوك" , بحيث تتكون الواجهة من عدة تبويبات , كل تبويبة تحتوي على مجموعة صفحات خاصة بها تعمل بصورة منفصلة

 

 

يسألني الكثير عن الطريقة الصحيحة لتنفيذ هذه الطريقة , لم أجد شرح (عربي ولا أجنبي) كامل من الألف إلى الياء لذا قررت كتابة هذا المقال

ما هي الأدوات (Widgets) التي سنستخدمها ؟

1. BottomNavigationBar
2. TabBarView
3. WillPopScope
   

الخطوة الأولى

نقوم بانشاء الصفحات الفرعية , في هذا المثال قًمنا بإنشاء ثلال صفحات للتجربة عليها , ونبدأ بصفحة "حسابي" , (MyAccount.dart)

صفحة الأعدادت (Settings.dart)