Flutter Skills
Flutter Skills
خواندن ۱ دقیقه·۲ سال پیش

floatingactionbutton در فلاتر


در این مقاله قصد دارم شما را با 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 وسط صفحه پایین قرار دارد


floatingactionbuttonفلاترfloatingactionbutton در فلاترfloatingactionbuttonflutter
شاید از این پست‌ها خوشتان بیاید