از Pista Academy حمایت کنید
مرور سریع مفاهیم اصلی پیش از تماشای کامل یا برای جمعبندی بعد از آموزش.
در جلسه 46 آموزش فلاتر، مدرس به بررسی نحوه نمایش لیست غذاهای مرتبط با یک کتگوری در صفحه غذاها پرداخته است. در صورت خالی بودن لیست غذاها، یک پیام خالی نمایش داده میشود. همچنین، مدرس به نحوه استفاده از لیست ویو و آیتم بیلدر برای نمایش لیست غذاها و مدیریت حالتهای مختلف لیست (خالی یا غنی) اشاره کرده است.
نکات کلیدی
در صورت خالی بودن لیست غذاها، یک پیام خالی نمایش داده میشود.
استفاده از لیست ویو و آیتم بیلدر برای نمایش لیست غذاها.
مدیریت حالتهای مختلف لیست (خالی یا غنی) با استفاده از لیست ویو.
نحوه نمایش لیست غذاهای مرتبط با یک کتگوری در صفحه غذاها.
متن ویدیو
متن زمان‌بندی‌شده این جلسه برای مرور، جستجو و دسترسی سریع‌تر.
سلام عرض میکنم خدمت دوستان عزیز. بریم سراغ
ادامه بحثمون و
رسیدیم به اینجا. میخوایم چیکار کنیم؟ میخوایم وقتی رو این کتگوریا می‌زنیم ما
رو ببره به یک صفحه دیگه بعد غذاهای مربوط
به این کتگوریو به ما نشون بده. این کل
پرنده‌ای که میخوایم این یکی دو جلسه
آینده انجام بدیم.
خب ما توی صفحه غذاها اون بالا تایتل کتگوریو نشون میدیم توی بادیش باید یک
لیستی از غذاها رو بگیریم و نمایش بدیم
درسته پس توی بادی من میام از چی استفاده
میکنم لیست ویو
لیست
ویو
بیلدر
آیتم بیلدر راجع به این قبلاً صحبت کردیم سیتیکس
و ایندکس
فعلاً میگم یه تکست برگردونه به هر کدومشون
که تو اون تکسته
مینز اینکس
برو داخل در حقیقت اون لیست غذاها که اومده یه لیستی ازش درست کن فعلاً فقط
تایتلشو نمایش بده خب حالا یه سؤالی پیش
میاد
اگه من کتگوری انتخاب کردم که کتگوری خالی
بود
یعنی چه خالی بود یعنی اینکه اصلاً چون ما
لیست غذای برام کتگوری نداشتیم اونوقت
تکلیف چیه در اون صورت ما باید ی دو حالت
باید در نظر بگیریم برای این لیست لیست
غذاها حالتی که غذایی هست حالتی غذایی
نیست خب پس اینجا من به شرط اضافه کنم
چه شرطی بیام اینجا بگم که من اینو ذر
بیارم پایین‌تر
خب
اون میلز چی بود؟ خالی بود ایز امتی اگه خالی بود در اون صورت
یه وریبلی تعریف میکنم به نام کانتنت
این چیزیه که قراره نمایش داده بشه میگم سنتر چاد
خب پس فقط من تو این حالت قراره چی نمایش بدم یه دونه تکست تو صفحه بیارم هیچی فقط
یه تکست خالی که در حقیقت بگم که یه همچین
لیست غذا غذایی برای این
وجود نداره برای این کتگوری وجود نداره خب
کانست تکست
مثلاً بگیم که او او د تا اوتینگ
مثلاً هیر تو جمله فارسی هم برسید نیست بعد کانست
یه سایز باکس میذارم اینجا
یه ارتفاع بهش میدم
سایزد باکس میگم اشتباهه بریم باش مثلا میدونم ۱۶
بعد سایز باکس دوباره یه تکست مثلا یه پیغامی به کاربر بدیم مثلا ترای
سلکتینگ
فرنت مثلا کتگوری یه کتگوری انتخاب کن لطفاً یه استایلی هم
بهش بدیم
میام برو تو. کانکست
بادی لارج
کپی ویت
کتکست حالاش
اسکین.
پر خیلی خب
اینم اینجا
اینم اینجا
این اینجا ببندیمش خب پس من اگر لیستم خالی باشه قراره که
اینو نشون بدم توی صفحه این متنو نشون بدم
توی صفحه
این استایله رو بچه‌ها برای بالایی هم
استفاده کنیم ضرری نداره ها
اینجا برای این تکستم استفاده کنیم ضرری ندارد
خب بذار این کانستشو بردارم داشت کانستک خب حالا
من به جای اینکه ایف بذارم می‌تونم یه کار
کنم بچه‌ها می‌تونم بیام بگم که
[موسیقی]
این بادیه رو از اینجا بردارم خب
به جاش کانتنتو بذارم اینجا
بعد این کانتنتو اینجا تعریف کردم درسته خب بگم که
یه شرط اینجا اضافه میکنم اف میلز
ا از امتی اگه خالی نبود
در اون صورت
کانتنت برابر باشه با این همین لیست ویو
که این پایین برش داشتم خب خب
اگر در حالت عادی دیگه نمی‌خواست اصلاً ایف بذارم اینجا می‌تونم بگم که در حالت
عادی تو کانتنتت همین باشه فرض کن اصلاً
ما دیفالت فرض می‌کنیم خالیه پس دیفالتمون
میشه اون خالیه پس اینجا من اینو دیگه
کلاً برداشتم ایف رو
اینم برمی‌دارم اینجا می‌سم از نوع ویجت
که این خطا کلاً بره. پس دیفالتمون فرض بر
این می‌ذاریم که کانتنتمون خالیه. اگر
خالی نبود این کارو می‌کنه.
اگر خالی نبود
این کارو بکنم. خب حالا
صرفاً برای تست فقط بچه‌ها من می‌خوام این صفحه رو ببینم. خب هنوز چیز یاد نگرفتیم.
نویگیشن یاد نگرفتیم. جابهجا بین صفحهاتو
یاد نگرفتیم. فعلاً میام تو صفحه مینم. خب
اینجا به جای کتگوری اسکرین میل اسکرینو
نشون میدم فعلاً فقط جهت تست
میل اسکرین میگم اینم ایمپورت کنیم بالا
خب میل اسکرین یه تایتل میخواد یه لیست
غذا میخواد دیگه یه تایتل الکی میدم
مثلاً
کتگوری
تایتل لیست غذام فعلاً یه خالی میدم اصلاً
ببینم چی میشه خب بریم سراغ ران میگه که
اینو دیگه نداری خب اینو برمی‌دارم بیا
چون این به زمان می‌بره من ویدیو رو فعلاً پاس کنم
خب این اوکیه کتور تایتل اینجا می‌بینم اون جمله رم دارم اینجا می‌بینم حالا فقط
می‌مونه که ما بریم سراغ اینکه یاد بگیریم
چی آ بذار یه کارم بکنم من یه لیست غذایی
دارم دیگه ایناها خب بریم از این استفاده
کنیم
اینو آوردمش. اینجا چیو میدم؟
اینو میدم.
اینیده طول چی این ولیده
آها اینجا بچه‌ها یه چی چیزیو جا انداختیم توی لیست ویو ما همیشه باید طولو مشخص
کنیم یه چیز داره به نام آیتم کانت باید
تو بگیم طول این چیزی که میاد چقده
میلز
ایناست
خب این لیست غذاها اومده اینجا مشکیه دیده نمیشه بذار بذارید می‌تونم اینو یه
استایلی بهش بدم.
اینجا به این بدم.
اومدش این لیف غذاهایی که ما اونور داشتیم همش ش اومد. خب پس داره درست کار می‌کنه
فقط نکته اینه که ما الان اومدیم دستی این
کارو کردیم. بریم بیایم جلسه قبلی
میخوایم یاد بگیریم چه‌جوری بتونیم بریم
صفحات جابهجا بشیم. یعنی من این صفحه می
مینم برگرده به حالت عادی رفتم تو کتگوری
زدم روی یه کتگوری اون صفحه باز بشه. بریم
بیایم جلسه صحبت کنیم. فعلاً خداحافظ.
پرسشهای رایج
پاسخ کوتاه و مستقیم به پرسشهایی که معمولاً هنگام یادگیری این موضوع مطرح میشوند.
در صورت خالی بودن لیست غذاها، یک پیام خالی نمایش داده میشود.
از لیست ویو و آیتم بیلدر برای نمایش لیست غذاها استفاده میشود.
حالتهای مختلف لیست (خالی یا غنی) با استفاده از لیست ویو مدیریت میشود.
آخرین بهروزرسانی محتوای متنی:
در این دوره جامع و پروژه‌محور با فلاتر و دارت از صفر تا صد آشنا می‌شوید و با ساخت هشت اپلیکیشن واقعی که هر کدام نکات کلیدی و پرکاربرد فلاتر را پوشش می‌دهد، مهارت‌های خود را به سطح بعدی می‌برید. آنچه در این دوره یاد می‌گیرید: مقدمه و نصب ابزارها: آشنایی با فلاتر، دارت و راه‌اندازی محیط توسعه مبانی دارت و فلاتر: یادگیری سینتکس دارت و ساخت ویجت‌های پایه با اپ «تاس‌انداز (Roll Dice)» غوطه‌وری در فلاتر: پیاده‌سازی اپ «کوئیز (Quiz)» برای مسلط شدن بر ساختار و چرخه حیات ویجت‌ها دیباگ و رفع اشکال: تکنیک‌های عیب‌یابی و ابزارهای Flutter DevTools واکنش‌گرایی و تمینگ: ساخت «Expense Tracker» برای یادگیری ویجت‌های تعاملی، موضوع‌بندی (Theming) و طراحی ریسپانسیو مدیریت وضعیت (State Management): از Provider تا روش‌های داخلی دارت با اپ «TODO» و «Meals» مسیر‌یابی بین صفحات: ناوبری پیشرفته با «Meals App» و انتقال داده بین صفحات انیمیشن‌ها و جلوه‌های بصری: افزودن حرکات پویا و تراکیب انیمیشنی در «Meals App» فرم‌ها و ورودی کاربر: دریافت و اعتبارسنجی اطلاعات با «Shopping List» ارتباط با سرور: ارسال و دریافت HTTP، کار با JSON و REST API در «Shopping List» دسترسی به امکانات بومی دستگاه: استفاده از دوربین و ذخیره‌سازی در «Favorite Places» فراخوانی پوش نوتیفیکیشن و چت زنده: ترکیب فلاتر با Firebase برای ساخت اپ چت با اعلان لحظه‌ای به‌روزرسانی‌ها و چشم‌انداز آینده: نکات پایانی، منابع پیشرفته و مسیر یادگیری ادامه‌دار چرا این دوره؟ پروژه‌محور و گام‌به‌گام، مناسب برای تازه‌کارها و افراد با تجربه متوسط پوشش تمام جنبه‌های کلیدی: از طراحی رابط کاربری و انیمیشن تا اتصال به سرور و مدیریت وضعیت پیاده‌سازی چندین اپلیکیشن واقعی که می‌توانید به سادگی برای نمونه‌کار شخصی یا پروژه‌های شغلی استفاده کنید لینک گیت هاب دوره جهت دسترسی به کد پروژه های هر فصل https://github.com/pistaacademy/flutter 🔔 همین حالا سابسکرایب کنید تا ویدیوهای آینده را از دست ندهید و یادگیری فلاتر را با هم شروع کنیم!
