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