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