یه عضو کوچیک از برنامه نویس های خفن دنیا
داربست در اپلیکیشن ؟!
ویجت 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
مطلبی دیگر از این انتشارات
تا حالا شده در زبان شی گرا از class func استفاده کنی؟
مطلبی دیگر از این انتشارات
اصل چهارم پیاده سازی SOLID با کدهای دارت برای فریم ورک Flutter
مطلبی دیگر از این انتشارات
آموزش (Flutter) - کتابخانه cached_network_image