نوشته های Flutter Skillshttps://virgool.ir/feed/@alirezamohammadian4585fa2026-11-12 01:03:42https://files.virgool.ir/upload/users/1719132/avatar/rhOzwN.pngFlutter Skillshttps://virgool.ir/@alirezamohammadian4585floatingactionbutton در فلاترhttps://virgool.ir/@alirezamohammadian4585/floatingactionbutton-در-فلاتر-c99bbgznpsl0 در این مقاله قصد دارم شما را با floatingActionButton یا به صورت مخفف (FAB) اشنا کنم. این ویجت معمولا به شکل دایره ای شکل و کنار صفحه قرار می گیرد و در اپ های gmail ,whatsapp,telegram معولا ان را دیده اید. برای ساخت (FAB) در فلاتر کافی است مرحله ی زیر را دنبال کنیم: ()Scaffold=>floatingActionButton=>FloatingActionButton در floatingActionBoutton سه پاراپرتیه مهم داریم:backgroundColor برای رنگش 2)onPressed برای فشار دادن 3)child: برای گذاشتن یک ویجت مانند icon به عنوان بچش و... اگر بعد floatingActionBoutton یک (.) بگذاریم چند پراپرتی ظاهر می شوند که اولیه ان large که باعث می شود floatingActionBoutton بزرگ شود.دومی ان small که باعث می شود floatingActionBoutton کوچک شود.سومی ان extended که باعث می شود به شکل یک مستطیل در بیاید البته توجه داشته باشید که به جای child باید از label استفاده کنید. : floatingActionButtonLocation با ااستفاده از floatingActionButtonLocation که در scaffold است می توانیم محل قرار گیری floatingActionButton را مشخص کنیمبه عنوان مثال الان floatingActionButton وسط صفحه پایین قرار داردFlutter SkillsFlutter SkillsWed, 27 Jul 2022 17:01:26 +0430در فلاتر bottom navigation barhttps://virgool.ir/@alirezamohammadian4585/در-فلاتر-bottom-navigation-bar-zvu4d9xfe0cy اگه تا به حال در اپلیکیشن ها دقت کرده باشید متوجه ی یک box چسبیده به اخر صفحه ی موبایلتون شدید که شما را از صفحه ای به صفحه ی دیگر منتقل می کند.به این باکس bottom navigation bar می گوییند. امروز من می خوام شما را با این widget در فلاتر اشنا کنم. برای فراخوانی این widget کافیه اول در ()scaffold => bottomnavigationbar: BottomNavigationBar فراخوانی کنیم.حالا برای گذاشتن ایتم ها روی این نوار از [ ]items استفاده می کنیم و برای درست کردن هر ایتم کافیه در [()BottomNavigationBarItem]items حالا توی ()BottomNavigationBarItem می تونیم icon , label, backgroundColorرا تعیین کنیمحالا برای اینکه بتونیم روی اییتم ها کلیک کنیم و ایتم ها واکنش بدن لازمه یک متغیر int با مقدار صفر تعریف کنیم به عنوان مثال : indexpage. درBottomNavigationBar یک Propertie داریم به نام :currentIndex که مسئولیت نشان دادن صفحهات را دارد (از صفر شروع می شود.) حال متغیر تعریف شده را بهش می دهیم و با استفاده از onTap میگوییم که هر زنمانی که روی ایتم کلیک شد مقدار اون ایکن را بریزه توی متغیرمون با این کار در صفحه ها جابجا می شویم.اگر این اموزش را دوست داشتید می تونید بقیه ی اموزش را توی سایت پایین بخونید: https://flutterskills.ir/2022/07/24/bottom-navigation-bar-%d8%af%d8%b1-%d9%81%d9%84%d8%a7%d8%aa%d8%b1/ Flutter SkillsFlutter SkillsMon, 25 Jul 2022 22:14:08 +0430