داربست در اپلیکیشن ؟!

ویجت scaffold یا داربست!

به صورت لغوی Scaffold به معنی داربست هست

درواقع ما برای ساخت اپلیکیشن نیازه که یه داربست به عنوان ساختار کلی هر صفحه از اپلیکیشن قرار بدیم و بعد روی اون داربست، بقیه چیزایی که میخوایم رو پیاده کنیم


برای مثال ویجت های AppBar, FloatingActionButton , BottomNavigationBar , Drawer که در ادامه باهاشون آشنا میشیم، رو میتونیم روی ویجت scaffold پیاده کنیم


این داربست که ازش حرف میزنیم یه ساختار کلیه که به صورت بصری دیده نمیشه و فقط حالت یه محل برای قرار دادن ویجت های دیگه هست و اگر فقط از همین ویجت داخل هر صفحه از اپلیکیشن استفاده بشه فقط یک صفحه سفید دیده میشه



ویجت AppBar :

ویجت AppBar که در فریم ورک ها و زبان های برنامه نویسی دیگه به اسم header شناخته میشه ویجتی هست که به طور کلی مشخصات هر صفحه از اپلیکیشن داخلش نوشته میشه

پارامتر های اصلی این ویجت title , backgroundColor هست که از اسمشون مشخصه چه کاری انجام میدن

توی صحبت های بعدی بیشتر راجب این ویجت صحبت میکنیم ;)



ویجت FloatingActionButton :

ویجت FloatingActionButton دکمه ساده ای هست که بیشتر داخل اپلیکیشن های پیام رسان مثل تلگرام دیده میشه و هر عملی که بیشتر مواقع کاربر زیاد استفاده ازش استفاده میکنه و باید جلوی چشم باشه رو به این دکمه میسپارن

پارامتر های اصلی این ویجت backgroundColor , onPressed, shape , child هست که باز توی صحبت های بعدی بیشتر باهاشون آشنا میشیم



ویجت ButtomNavigationBar :

ویجت ButtomNavigationBar معمولا برای مسیردهی بین صفحات اصلی اپلیکیشن استفاده میشه

پارامتر اصلی این ویجت items هست که یک لیست از دکمه های این ویجت رو برامون میسازه

همونطور که توی عکس مشخصه هر دکمه نیاز به یک label و یک icon داره

باز راجب این ویجت جلوتر صحبت میکنیم ;)



ویجت Drawer :

ویجت Drawer به معنی کشو هست

آیکونی که معمولا برای این ویجت استفاده میشه آیکون همبرگر هست

پ.ن : رنگ این آیکون به صورت عادی مشکی رنگه که داخل این کد رنگش رو با استفاده از پارامتر iconTheme داخل AppBar به سفید تغییر دادیم

راجب این ویجت هم در آینده بیشتر صحبت میکنیم


این بود ویجت scaffold

اگه دوست داری خیلی روون و راحت فلاتر رو یاد بگیری منو از دست نده

تا آموزشای بعدی بدرود 🖐️

جامعه فلاتر فارسی

Youtube:
youtube.com/@PersianFlutter

Twitter:
twitter.com/PersianFlutter

Telegram Group:
@flutter_community