در فلاتر bottom navigation bar

اگه تا به حال در اپلیکیشن ها دقت کرده باشید متوجه ی یک box چسبیده به اخر صفحه ی موبایلتون شدید که شما را از صفحه ای به صفحه ی دیگر منتقل می کند.به این باکس bottom navigation bar می گوییند.

امروز من می خوام شما را با این widget در فلاتر اشنا کنم.

برای فراخوانی این widget کافیه اول در ()scaffold => bottomnavigationbar: BottomNavigationBar فراخوانی کنیم.

حالا برای گذاشتن ایتم ها روی این نوار از [ ]items استفاده می کنیم و برای درست کردن هر ایتم کافیه در
[()BottomNavigationBarItem]items حالا توی ()BottomNavigationBarItem می تونیم icon , label, backgroundColorرا تعیین کنیم

حالا برای اینکه بتونیم روی اییتم ها کلیک کنیم و ایتم ها واکنش بدن لازمه یک متغیر int با مقدار صفر تعریف کنیم به عنوان مثال : indexpage. درBottomNavigationBar یک Propertie داریم به نام :currentIndex که مسئولیت نشان دادن صفحهات را دارد (از صفر شروع می شود.) حال متغیر تعریف شده را بهش می دهیم و با استفاده از onTap میگوییم که هر زنمانی که روی ایتم کلیک شد مقدار اون ایکن را بریزه توی متغیرمون با این کار در صفحه ها جابجا می شویم.

اگر این اموزش را دوست داشتید می تونید بقیه ی اموزش را توی سایت پایین بخونید: