آموزش رایگان برنامه نویسی با فلاتر - پروژه محور - فروشگاه گبم

سلام به همه شما علاقه‌مندان به فلاتر! 🚀 امروز می‌خوایم یک نگاه پروژه محور به ویجت‌ها داشته باشیم و با هم ببینیم برای ساخت یک اپلیکیشن فروشگاه گیم (Game Store) به چه ویجت‌هایی نیاز داریم.

اول از همه، صفحه اصلی (Home Page). این صفحه با یک Scaffold شروع می‌شه که یک AppBar برای عنوان و آیکون جستجو داره. بدنه اصلی یک ListView عمودیه تا محتوای مختلف رو در خودش جا بده. در بالای لیست، می‌تونیم از ویجت PageView برای ساخت یک اسلایدر بنر بازی‌های ویژه استفاده کنیم. در ادامه، برای نمایش دسته‌بندی‌هایی مثل "جدیدترین‌ها" یا "محبوب‌ترین‌ها"، چندین ListView افقی می‌سازیم که هر آیتم اون یک Card زیبا با عکس و اسم بازیه.

وقتی کاربر روی یک بازی کلیک می‌کنه، با استفاده از انیمیشن Hero، تصویر بازی رو به صفحه جزئیات (Details Page) منتقل می‌کنیم. این صفحه بهترین جا برای استفاده از CustomScrollView و Slivers هست. با این کار یک SliverAppBar می‌سازیم که تصویر بزرگ بازی رو نمایش می‌ده و با اسکرول کردن، کوچک می‌شه و یک افکت فوق‌العاده جذاب ایجاد می‌کنه. بقیه اطلاعات مثل توضیحات، گالری اسکرین‌شات‌ها و دکمه "خرید" هم در ادامه لیست قرار می‌گیرن.

در نهایت، با یک BottomNavigationBar می‌تونیم بین صفحات اصلی مثل "فروشگاه"، "کتابخانه" و "پروفایل" جابجا بشیم. این نگاه پروژه محور به شما کمک می‌کنه تا کاربرد واقعی ویجت‌ها رو در کنار هم ببینید. ✨

⬇️ ⬇️ ⬇️ ⬇️ ⬇️ ⬇️ ⬇️ ⬇️ ⬇️
✅ دوره تخصصی برنامه نویسی فلاتر الماس : https://virgoulsoft.com/product/diamo...
✅ وبسایت های آماده قابل توسعه :https://virgoulsoft.com/shoppage/
✅ پیج اینستاگرام :   / mehrab.bozorgi  
✅ مشاوره در تلگرام : @Mehrab_Bozorgi

#mehrab_bozorgi #virgoulsoft #virgoul