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