از 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 🔔 همین حالا سابسکرایب کنید تا ویدیوهای آینده را از دست ندهید و یادگیری فلاتر را با هم شروع کنیم!
