آموزش فلاتر - جلسه 52

سلام عرض می‌کنم خدمت دوستان عزیز. بریم سراغ ادامه اپلیکیشنمون. می‌خوایم یه چیزی

به این اپلیکیشن رو اضافه کنیم. می‌خوام

این پایین

یه منویی اضافه کنیم که تو اکثر برنامه‌ها

هست و مثلاً یه د تا گزینه بذاریم اینجا.

یه گزینه بذاریم برای اینکه برگرده تو این

صفحه کتگوریز.

یه گزینه هم بذاریم مثلاً برای غذاهای

مورد علاقه. مثلاً یه سری غذاها رو

احتمالاً بعداً حالا انجام میدیم.

مثلا لایک می‌کنه که اینا بره تو غذای

مورد علاقهش.

خب بریم سراغ این مرحله

که اضافهستو ببندم تو هم بسته شد

برای اینکه بخوام یه همچین کاری بکنیم خب

اصطلاحاً میگم بچه‌ها به این تب بیس

نویگیشن میگم یعنی یه نویگیشنیه که با تب

کار میکنه خب

میام داخل

عذرخواهی می‌کنم

یه اسکرین جدید اضافه می‌کنم. اینجا توی اسکرین یکی جدید اضافه می‌کنم.

اسمشو می‌ذارم مثلاً تبس.

آ درست شد. فلاتل

خب تبز

اسکرین

اکستند می‌کنم

اینجا بچه‌ها استیت فوله چون ما قراره که

یک چیزی رو تغییر بدیم تو اینجا یعنی

قراره صفحه عوض بشه پس استیت نیاز خواهیم

داشت

استیت فول وجدت

خب ما

بذار این مقدماتشو بنویسم بنویس کتابش

اینم از این قسمت خب بریم سراغ اون پایین ما یه دونه طبیعت

اپ بار میخوایم خب

برای این صفحه هم یعنی فرقی نمیکنه بیایم

اینجا

اینا رو رد کنیم این مقدم با تو بریز ریترن میکنم خب

اسکف فولد بیایم اینجا یه دونه اببار

می‌ذارم

یه اسکرین دیگه خب حالا الان بهتون میگم

اببار اصلاً برای چی می‌خواید

یه اببار می‌زنم این اببار من قراره یه

تایتلی داشته باشه

تایتلش داینامیکه یعنی چی یعنی مثلاً من د تا

صفحه دارم دیگه فوریت و کتگوری برم تو

فوریت باید بشه فوریت برم توی کتگوری باید

بشه کتگوریش

اینجا من یه تکستی دارم که فعلاً کلمه

داینامیکو می‌نویسم بدونم که اینجا قراره

یه چیز داینامیکه باشه

فعلاً

بعد یه بادی دارم بادیمم داینامیکه فعلاً یه س۳ تا نقطه اینجا می‌ذارم تا بعد بیام

سراغش بیایم پایین

گفتم چی لازم داریم تو این صفحهمون یه باتم نویگیشن م لازم داریم باتم نویگیشن

بار خب

که ما تو باتم نویگیشن بارمون د تا آیکون

د تا گزینه داریم که این د تا گزینه وقتی

هر کدومش زده میشه

یه کاری قراره انجام بده میام اینجا

میگم که

بات

نویگیشن بار

خب خب من فعلاً اینو پاک می‌کنم میام

پایین

یه دونه آن تپ داره زمانی که تپ میشه یه

فانکشنی باید فراخونی بشه

حالا اینو بیایم جلوتر راجع بهش صحبت

می‌کنیم اینجا بذاریم یه آیتمز گزینه‌هایی

که قراره نمایش بدیم اون پایین ما اینجا د

تا گزینه می‌ذاریم

باتم نویگیشن بار آیتم

یه آیکون میخواد یه لیبل میخواد هر

گزینه‌ای

پس یه دونش میشه کتگوری یه دونشم میشه فیوریتز

آیکون بعد برو تو آیکون از این آیکون آماده

میخواست فکر کنم ست

اینو انتخاب می‌کنم برای لیبلشم میدم

کتگوری

برای دومی آیکونی که استفاده می‌کنم از این آیکون

ستارهست

استار معنی فوریسو میده

یه کم اینجا بذاریم اوکی ما گفتیم که

وقتی

اینو این در حقیقت تبا رو می‌زنیم باید یه

صفحهمون عوض بشه درسته؟ پس من نیاز به یه

این یه استیتی اینجا دارم. خب میام این

بالا

اینجا

یه چیزی تعریف می‌کنم به نام سلکتد

پیج ایندکس دیفالتشو میذارم صفر.

خب یه فانکشنم ف درست میکنم سلکت

پیج

اینی که د یه ورودی داره که ایندکس اسمش

بعد میاد میگم که ست استیت

سلکتد پیج ایندکسو مساوی میذارم با اون ایندکسی که به عنوان ورودی اومده

حالا کافیه که اینو بیارم بذارم کجا تو آن تپ

و ایندکسو به عنوان ورودی بهش بدم زمانی که من رو این بزنم ایندکسم صفره رو

این بزنم ایندکسم یکه

اینجوری ایندکس من تغییر می‌کنه

اینجا رو بچه‌ها باید این شکلی بدید اشتباه نشت

به این صورت پس من زمانی که تو این بزنم

میشه ایندکس صفر اینو بزنم ایندکسم میشه ی

این میاد داخل این استیتمو تغییر میده

یعنی اینو مقدارشو تغییر میده

حالا باید چیکار کنم

بیام بگم که اگر ایندکس من صفر بود چیزی

که تو قراره تو این صفحه نمایش بدی صفحه

کتگوریه

اگر ایندکسم یک بود منو هدایت کن به صفحه

فوریتز

حالا صفحه فوریس فعلاً نداریم یه چیزی به

جاش استفاده می‌کنیم

پس میام اینجا

اکتیو پیج یه چیزی می‌کنم به نام اکتیو پیج

میگم به صورت پیشفرض تو برابر باش با

کتروز

اسکرین

دیفالتدین باشه اما اگر

سلکتد پیج ایندکس برابر شد با یک یعنی گزینه دوم انتخاب کرده بود در اون صورت

اکتیو پیجم

برابر بذار با مثلاً صفحه میلز فعلاً میلز اسکرین که حالا یه تایتلی داره یه چیزی هم

باید بهش بدیم حالا فعلاً صبر کن

بعد این اکتیو پیجو اینجا می‌ذارم جا سه تا نقطه

که اینو نشون بدم این تایتلمم باید داینامیک بشه یعنی بسته

به اینکه در حقیقت چی باشه باید تغییر

بکنه

اینو تایتلشو بدم اول این میشه فوریز

می‌ریزم چون هنوز من مکانیزمی برای غذاهای مورد علاقه درست نکردم یه آرای خالی میدم

فعلاً فارم این که خالی نباشه اینجا

اینم که خودش همه چیو داره داخل خودش هیچی

پس من یه وریبل دیگه هم لازم دارم کنار اکتیو پیج اکتیو تایتلم میخوام

پیج تایتل اینو میزنم کتگوریز

موقعی که ایندکسم بشه ی میشه فور برید

حالا فقط کافیه که به جای اینو بذارم اینجا

حالا فقط کافیه که من برم توی مینم اینجا به جای اینکه کتگوریو نشون بدم چیو نشون

بدم تبزو نشون بدم تبز اسکرین نشون بدم

د تا گزینه این پایین اضافه شد برم تو فوریس اینو میاره چون آرای خالی دادم اینو

نشون میده اینجا میشه فوریز کتگوریزم میشه

کتگوری د تا ایراد فقط داره بچه‌ها یه

ایراد اول اینکه من تو هر صفحه ۲ تا تایتل

دارم باید یکیشو حذف کنم خب که فوریسه

اینجا دو نگاه کنید بچه‌ها فوریس رنگ

آیکونش می‌بینید یه حالت نمونم کرم زرد

چیه این داره میرم رو فوریس عوض نمیشه این

همچنان این یکی فعاله این د تا ایرادو

باید مرتفع کنم

قسمت رنگ آسون‌تر اول میریم سراغ اون اینم اینجا دیگه نیاز نداریم ایمپورتشو

برمی‌دارم میام توی تبز

اینجا اینجا بعد از این تپ یک اتریبیوتی

داره به نام کارنت ایندکس اینو میذارم

برابر سلکتد پیج ایندکس تمام

یه خش عوض شد بریم سراغ تایتل

برای تایتل

چرا اصلاً ما د تا تایتل داریم بخواد به

خاط اینکه بچه‌ها من اینجا اسکفولد

استفاده کردم خب بعد داخلش گذاشتم اکتیو

پیج درسته خود کتگوری یه اسکفولده دوباره

میلزم یه اسکفولده

اینجام یه اسکفولد من دارم

برای همین د تا اببار میفته رو همدیگه که

این خوب نیست ایناش

حالا چیکار باید بکنم اول میریم سراغ کتگوریست که اون قسمت

راحت‌تر قضیه اس

تو کتگوریز

این اسکپولدو حذف می‌کنم فقط گرید ویل رو نگه می‌دارم یه پرانتزم اینجا اضافهست که

دیگه باید برداشت

همین این برای کتگوریز کافیه

اسکرولم دیگه نمیشه اون مشکل اسکرولمونم حل شده حالا اما توی میل یه ذره از داستان

فرق می‌کنه

اینجایی که من بخوام اسکفولدو حذف کنم چیزی نمی‌مونه بچه‌ها خب پس اینجا این

کارو نمی‌تونم بکنم میام یه کار دیگه

می‌کنم میگم که تایتل من اجازه داره که

نال هم باشه می‌تونه تایتل نداشته باشه

صفحه پس اینجا ریکوااردو برای تایتل من

برمی‌دارم

یه پرانتزم یه علامت از سؤالم اینجا

بذارید بچه‌ها

این معنیش اینه که تایتل می‌تونه نال باشه

حالا میام یه اینجا

میگم اگر تایتل من

برابر نال بود تو ریترن کن فقط خود کانتنتو

فقط کانتنتو برگردون

اگر نبود اینو به برگردون یه علامت تعجبم

پشت این بذارید

پس اگر تایتل نال بود فقط کد کانتنتو برمی‌گردون

اگه نال نبود این کار می‌کنه حالا فقط

کافیه که حالا توی تبز اینجا که دارم میرز

اسکرینو فاس میارم تایتل ندم تایتلو نال

پاس بدم

خب اگه نال باشه تایتل خودشو برمی‌داره اینو برمی‌داره عذر می‌خوام اگه نال باشه

اگه نال نباشه مال خودشو برمی‌داره

الان میم پشت یه کانستم بذارم چون دیگه چیز داینامیکی ندارم اینجا هیچی داینامیک

ندارم

بریم با همدیگه نگاه کنیم

اینم بعد از د تا مشکلی که داشتیم حل شد. بریم بیایم بداش جلسه بعدی صحبت کنیم.