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