از Pista Academy حمایت کنید
خلاصه آموزشی
مرور سریع مفاهیم اصلی پیش از تماشای کامل یا برای جمعبندی بعد از آموزش.
در این جلسه، مدرس به بررسی نحوه افزودن یک آیکون برای افزودن غذا به لیست فوریت در یک اپلیکیشن فلاتر میپردازد. ابتدا به صفحه میل دیتیل میرویم و یک آیکون باتن اضافه می‌کنیم. سپس، با استفاده از یک فانکشن، اگر کاربر روی آیکون ستاره میزد، غذا به لیست فوریت اضافه میشود و در صورت دوباره کلیک، از لیست حذف میشود. این عملیات با استفاده از یک استیت و تعریف یک فانکشن جدید انجام میشود. در نهایت، این فانکشن به صفحه میلز و سپس به صفحه میل دیتیل انتقال مییابد.
نکات کلیدی
افزودن یک آیکون برای افزودن غذا به لیست فوریت در صفحه میل دیتیل.
تعریف یک فانکشن برای افزودن یا حذف غذا از لیست فوریت با استفاده از یک استیت.
استفاده از استیت برای مدیریت وضعیت افزودن یا حذف غذا در لیست فوریت.
انتقال فانکشن از صفحه میلز به صفحه میل دیتیل برای انجام عملیات.
متن ویدیو
متن زمان‌بندی‌شده این جلسه برای مرور، جستجو و دسترسی سریع‌تر.
سلام عرض می‌کنم خدمت دوستان عزیز. بریم سراغ ادامه اپلیکیشنمون و ما
می‌خوایم چیکار کنیم؟ این جلسه؟ ما جلسه
قبلاً قسمت فوریستمون خالی موند. خب
می‌خوایم به هر غذایی
یه آیکونی اضافه کنم این بالا که طرف
بتونه بزنه بره تو فیوریت. خب برای این
کار باید بریم توی صفحه میل دیتیل
این بالا کنار اخبار
نه کنار اخبار نه داخل اباره باش ما الان یه تایتل فقط گذاشتیم
یه اکشنم اضافه کنم
در اصل یه دونه اکشن حالا اکشنز نیست خب
یه دونه آیکون باتن می‌ذارم
آمپرسشو فعلاً یه دونه فانکشن خالی می‌ذارم بعداً میام سراغش برای آیکونزش
از این آیکون آماده استفاده می‌کنم کانست آیکون
آکونز. استار
[موسیقی] چرا داره خطا میده
آها پرنتز نداشت
بله
بریم تا اینجاشو ببینیم
درسته درسته اینا یه ستاره اینجا اومده که الان من
اینو می‌زنم باید یه اتفاقی بیفته رنگ خود
اینم باید تغییر بکنه دیدید مثلا یه جا
لایک میکنید رنگتون رنگ عوض میشه اینا مثل
همونه
خب ما برای غذاهای مورد علاقه طبیعتاً نیاز به یه استیتی داریم و و این استیتو
باید یه جایی کاراشو انجام بدیم. اینجا
طبیعتاً اون جا نیست. این ما اینجا استدلس
تعریفش کردیم. اصلاً اینجا مناسب نیست
برای این کار.
میام داخل تب. من اینجا قراره ازش استفاده
کنم. پس بذار همین جا کاشو انجام بدم. خب
میام بالا
اینجا. خب
میگم که
یه دونه فاینال جدید تعریف می‌کنم
میل خود مدلشم ایمپورت می‌کنیم بالا بچه‌ها
میز فوریت فوریت
میل
دیفالتشم یه آرای خالیه
بعد باید یه فانکشن تعریف کنم که اگه کاربر من رو اون ستاره زد غذا رو به لیست
فوریست اضافه کنه اگر دوباره زد از لیست
برش داره یعنی د تا کارو باید همزمان
انجام بد اون ستارهه
میام میگم که
تاگل میل
به عنوان ورودی هم یه غذایی رو می‌گیره طبیعتاً
یه چیز وریبل اینجا تعریف می‌کنم به نام ایز اگزستینگ
میگم برو توی فوریس چک کن
ببین هست این غذا یا نه
اگر بود میشه این ترو اگر نبود میشه فالس
کانتنت
بعد یه چک بکن اگر این ترو بود در اون صورت
برو تو لیست ریموش کن قبلاً بوده دیگه می‌خواد برش داره طبیعتاً که دوباره زده
اگر نبود
برو تو لیست اضافهش کن
خب حالا من چهجوری اینو اینو برسونمش به میلتیل چهجوری برسونمش به
اینجا
من با یه لایه اختلاف می‌رسم به این یعنی
از تبز من می‌رسم به کتگوریز یا میلز به
این د تا می‌رسم از این د تا می‌تونم برسم
به این پس فقط کافیه که اول از این پاس
بدم به این د تا بعد از این د تا پاس بدم
به این یه همچین فراآیندی باید طی بکنیم
خب توی میل دیتیل پس ما قراره یک فانکشنی رو به عنوان ورودی بگیریم پس من اینجا
باید تعریفش کنم
اسمشم می‌ذارم آن تاگر
فوریت
و اینم باید برم اینجا تو کانستراکت کنم
ریکورد
این بعد اینو کجا باید بذارمش آن تفم کو اینو
اینجا
باید بیارمش اینجا
بذارمش اینجا اون غذاه رم بهش پاس بدم
خب حالا میرم داخل میلز اینجا اینو اضافهش می‌کنم میگم که من یه
ورودی دیگه‌ای هم دارم یه فانکشنیه
اسمشو می‌ذارم آن تاگر
فوریت
بعد اینو پاس میدمش به این از اینجا پاسش میدم به
داشت خب پس من تونستم از تبز یه چیزی رو پاس
بدم به میلز از میلز پاس بدم به میل دیتیل
و حالا حالا میرم داخل تبز من یه کپی بکنم میرم داخل تبز اینجا که دارم
میرم صفحه میلز میگم که تو یه چیز دیگه هم
باید بگیری با خودت ببری
که میشه این
پس دادم به این از این پاس دادم به میلز دیتیل
همین کارو تو کتگوریزم من باید انجام بدم
خب پس این کاری که اینجا انجام دادم
اینی همینو کپی می‌کنم
بعد اینم اینجا اضافه می‌کنم
بعد اینجا میلز اسکرین رو
اینجا اضافه می‌کنم. این ایمپورت نشده مدلش.
و مرحله آخر اینکه من اینو باید توی آن تپ هم اینجاهم بیام به اینم بدمش
این کانس حالا بچه‌ها ما بریم جلوتر روشهای ساده‌تریم برای انجام کار یاد
می‌گیریم ما دیگه اینجوری هی پاس ندیم از
یکی به یکی دیگه از اون به یکی دیگه بریم
جلوتر روشهای دیگه‌ای هم هست.
خیلی خب بچه‌ها این تا اینجا باشه بریم
بیایم ادامهشو جلسه بعدی انجام بدیم فعلاً
خداحافظ
پرسشهای رایج
پاسخ کوتاه و مستقیم به پرسشهایی که معمولاً هنگام یادگیری این موضوع مطرح میشوند.
آیکون ستاره برای افزودن یا حذف غذا از لیست فوریت استفاده میشود. با کلیک روی آن، غذا به لیست اضافه یا از آن حذف میشود.
استیت برای مدیریت وضعیت افزودن یا حذف غذا در لیست فوریت استفاده میشود. این استیت در یک فانکشن جدید تعریف میشود.
فانکشن ابتدا به صفحه میلز و سپس به صفحه میل دیتیل انتقال مییابد تا عملیات افزودن یا حذف غذا انجام شود.
آخرین بهروزرسانی محتوای متنی:
در این دوره جامع و پروژه‌محور با فلاتر و دارت از صفر تا صد آشنا می‌شوید و با ساخت هشت اپلیکیشن واقعی که هر کدام نکات کلیدی و پرکاربرد فلاتر را پوشش می‌دهد، مهارت‌های خود را به سطح بعدی می‌برید. آنچه در این دوره یاد می‌گیرید: مقدمه و نصب ابزارها: آشنایی با فلاتر، دارت و راه‌اندازی محیط توسعه مبانی دارت و فلاتر: یادگیری سینتکس دارت و ساخت ویجت‌های پایه با اپ «تاس‌انداز (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 🔔 همین حالا سابسکرایب کنید تا ویدیوهای آینده را از دست ندهید و یادگیری فلاتر را با هم شروع کنیم!
